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

为什么直接定义的CSS类不适用?,css,css-selectors,Css,Css Selectors,如果我有: li1 li2 li3 现在如果我申请 。父李{ 背景颜色:蓝色; } .孩子{ 背景色:红色; } 然后忽略红色背景。我不想去!重要的是,但要理解为什么课堂不起作用。如果我将这些选择器更改为ul li&.child,或将其扩展为.parent li&.parent.child,则背景适用。所以可能是一个简单的问题:有没有规则,为什么这个选择器必须用“完整路径”定义?为什么仅使用类名直接定义时它不起作用?答案在于。简短版本:最具体的选择器获胜。答案在于。简短版本:最具体的选择

如果我有:

  • li1
  • li2
  • li3
现在如果我申请

。父李{
背景颜色:蓝色;
}
.孩子{
背景色:红色;
}
然后忽略红色背景。我不想去!重要的是,但要理解为什么课堂不起作用。如果我将这些选择器更改为
ul li
&
.child
,或将其扩展为
.parent li
&
.parent.child
,则背景适用。所以可能是一个简单的问题:有没有规则,为什么这个选择器必须用“完整路径”定义?为什么仅使用类名直接定义时它不起作用?

答案在于。简短版本:最具体的选择器获胜。

答案在于。简短版本:最具体的选择器获胜