CSS二级选择器是指根据element之间的关系选择元素的方法。在HTML中,元素可以是相邻的或包含关系。在CSS中,可以使用二级选择器来选择这些关系中的一个或多个元素。
.example p { color: red; }
以上代码中,.example是class选择器,p是元素选择器,两者组合成了二级选择器。这条规则选择了所有包含在类名为.example的元素中的p元素,并将它们的文字颜色设置为红色。
另外一个经常使用的二级选择器是子元素选择器(>)。它可以用来选择一个元素的直接子元素。
ul >li { font-weight: bold; }
以上代码中,ul是元素选择器,>表示选择其子元素,li是元素选择器。这条规则选择了所有在ul元素内的直接子级li元素,并将它们的字体加粗。
除此之外,CSS还有其他的二级选择器,如相邻兄弟选择器(+)、通用兄弟选择器(~)等等。这些选择器可以有助于更准确地选择目标元素。