我想了解CSS选择器在属性冲突中是如何工作的。一个属性如何被选择而不是另一个属性？
div { background-color: red; } div.my_class { background-color: black; } div#my_id { background-color: blue; } body div { background-color: green; } body>div { background-color: orange; } body>div#my_id { background-color: pink; } hello
选择器的优先级是如何工作的？
按顺序，1是最低的特定性，5是最高的。https://youtu.be/NqDb9GfMXuo将显示详细信息以进行演示。
我只是在这里添加一个链接到CSS 2.1规范本身，以及浏览器应该如何计算特异性：
CSS 2.1第6.4.3节：
如果特异性相等，则会使用CSS 2.1第6.4.1节：
请注意，这是在样式定义时讨论的，而不是在使用时。如果类
.a和.b的特异性相等，则在样式表中最后定义的类将获胜。...
...
.a和.b的定义顺序以相同的样式进行设置。