一个DIV里面用2个CSS样式，第二个样式为什么是方块
<html><head><style>.eye{background:rgb(94,186,44);width:20px;height:20px;position:abs...
<html>
<head>
<style>
.eye {
background:rgb(94,186,44);
width:20px;
height:20px;
position:absolute;
border:100px solid rgb(94,186,44);
}
.left {
background:blue;
}
</style>
</head>
<body>
<div class="eye left"></div>
</body>
</html>
是什么原因呢？ 展开
<head>
<style>
.eye {
background:rgb(94,186,44);
width:20px;
height:20px;
position:absolute;
border:100px solid rgb(94,186,44);
}
.left {
background:blue;
}
</style>
</head>
<body>
<div class="eye left"></div>
</body>
</html>
是什么原因呢？ 展开
展开全部
这是一个div使用多个class属性，其中的 eye left 属于并集关系，历野如果有重复的calss属性，肢斗喊后面会覆盖前销盯面的，你写的就有一个background重复，但eye里面定义了一个高和宽，所以只覆盖限定范围的背景颜色，因此会出现一个高20 宽20的蓝色方块！
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
第二伍迹察个样式改变了上一个样式中的相同值 第一个中的其他样式保持不变...
上面写的是改变了腔茄背景色州扮...
上面写的是改变了腔茄背景色州扮...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
因为left继承了.eye的宽度和高度
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
说清楚点....
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
能给出代码么？这样描述不能理解
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
