为什么我的css优先级顺序不对啊？ - css吧

level 1

萌新146 楼主

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#a{
color:blue;
}
.b{
color:yellow;
}
</style>
</head>
<body>
<div id="a">
<div class="b">
你好
</div>
</div>
</body>
</html>
这个运算出来为什么是黄色

2019年09月12日 06点09分 1

level 1

萌新146 楼主

id选择器不是大于类选择器吗？为什么我运算出来字体是黄色

2019年09月12日 06点09分 2

level 5

起缘good

你这个两个都不是一个标签

2019年09月13日 13点09分 3

杜梦lifeEVV8

我在自学，有没有线下的机构啊，我想找一个线下的，但是线下学费太高了，找不到合适的.楼主了解深圳的动力*点吗，这个机构和黑马相比怎么样啊

2019年12月24日 01点12分

level 7

周存存

因为<div class="b">叠加在<div id="a">上，所以只显示了最上层的颜色，用这个你应该就能更好的理解：
.b{
color:yellow;
margin:1em;
}
你会发现<div id="a">确实还是蓝色，只不过被盖住了

2019年09月14日 01点09分 4

level 2

q87778

这个问题涉及到了CSS的继承性和优先级
继承：id a选择的div与class b选择的div是嵌套关系或称父子关系。子标签可以继承父标签的样式。
优先级：继承权重是0,0,0,0或优先级最低。class b权重是0,0,1,0。此2者指定同一样式，产生冲突，但class b优先级更高。
所以是黄色。

2019年09月26日 06点09分 5

level 1

烨华♂

a的权重是0，1，0，0，而b的权重是0，0，1，0，表面上是a的权重大于b的权重，但是不要忽略一点，a和b是父与子的关系，当子级b有属性和父级a属性有冲突时，可视父级权重相对于子级为0，冲突的属性不对子级有任何作用

2019年09月27日 15点09分 6