那么大神求解啊! 什么颜色

我的中国梦 发布于 2013/11/14 12:27
阅读 145
收藏 0

<style type="text/css">

 .read p{color:red;}
 .green p{color:green;}
 .yellow p{color:#FF3}

</style>
</head>

<body>
<div class="read"><div class="green"><p>1这是什么颜色</p></div></div>
<div class="green"><div class="read"><p>2这是什么颜色</p></div></div>
<div class="yellow"><div class="read"><p>3这是什么颜色</p></div></div>

那字段里的字分别是什么颜色,说明理由?

加载中
0
gnefil.nil
gnefil.nil

与样式的顺序有关,后出现的覆盖前面的,例如最后一个p的样式是 .yellow p{color:#FF3}和 .read p{color:red;},yellow在style里写在red的后面,所以是yellow,你可以试试下面的顺序看看

<style type="text/css">
 .yellow p{color:#FF3}
 .read p{color:red;}
 .green p{color:green;}
</style>

我的中国梦
我的中国梦
谢谢啊!你的真的对了。大神啊!
0
-Jw-
-Jw-
我没测试 我觉得是 如果div大小一样 那么显示的是绿红红
-Jw-
-Jw-
就是css的优先级问题 你可以百度下
-Jw-
-Jw-
好吧 还是错了
-Jw-
-Jw-
我看错了 。。。原来css后面还有个P
0
南湖船老大
南湖船老大
应该遵循就近原则吧
我的中国梦
我的中国梦
不是的,我实践了一下,是绿绿黄
0
我的中国梦
我的中国梦
我用软件敲出来的是绿绿黄
0
道友慢走
道友慢走
很无聊的题目。
道友慢走
道友慢走
@我的中国梦 我说这类考单纯语法的问题,没有实在的价值。语法是最后一条生效还是第一条生效,永远还是在语法层面上。就像英语的语法,除了考试,我真不知道有什么大用。
我的中国梦
我的中国梦
无聊,那你觉的答案是什么?
返回顶部
顶部