为什么直接定义CSS类不适用？

Question

如果我有this list：

<ul class="parent">
    <li class="child">li1</li>
    <li>li2</li>
    <li>li3</li>
</ul>

现在，如果我申请

.parent li {
    background-color: blue;
}
.child {
    background-color: red;
}

然后忽略红色背景。不想做它！重要，但要明白为什么上课不行。如果我将这些选择器更改为ul li＆amp; .child，或将其扩展为.parent li＆amp; .parent .child，然后适用背景。所以也许是一个简单的问题：是否有任何规则，为什么这个选择器必须用“完整路径”定义？仅在直接使用类名定义时，为什么它不起作用？

Answer 1

答案在于CSS selector specificity。简短版本：最具体的选择器获胜。