[分享]css两个选择器之间

CSS中有很多种选择器，其中两种选择器非常重要，分别是：后代选择器和子元素选择器。后代选择器：用空格隔开两个元素，表示选取给定元素的后代元素。 例如： nav li a{ color: red; } ...

CSS中有很多种选择器，其中两种选择器非常重要，分别是：后代选择器和子元素选择器。

后代选择器：用空格隔开两个元素，表示选取给定元素的后代元素。

例如：

<style>
 #nav li a{
  color: red;
 }
</style>

以上代码的作用是选取id为nav的元素下所有li元素下的a元素，并将字体颜色设为红色。 

子元素选择器：用“>”连接两个元素，表示选取给定元素的直接子元素。

例如：

<style>
 #nav > li{
  background-color: yellow;
 }
</style>

以上代码的作用是选取id为nav的元素下所有直接子元素li，并将背景颜色设为黄色。

需要注意的是，使用选择器时要选择合适的方法，否则会影响代码的可读性和效率。