CSS中拥有多种选择器,包括类别选择器、标签选择器、ID选择器、后代选择器、子选择器、伪类选择器、通用选择器和群组选择器等。常见的选择器可分为三大类,即id选择器、类选择器和标签选择器。
id选择器:用于为具有特定ID的HTML元素指定独特的样式。使用元素的ID进行选择,因为ID具有唯一性,所以在同一文档页面中只能出现一次。
标签选择器:一个完整的HTML页面由许多不同的标签组成,标签选择器用于决定哪些标签采用相应的CSS样式。
类选择器:当多个元素都需要应用相同的样式时,逐个定义每个元素会导致代码冗余,这种情况被称为“多类症”。为了解决这个问题,可以定义一个类,并将样式应用于所有元素。
后代选择器:也称为包含选择器,用于选择特定元素或元素组的后代。选择器将父元素的选择放在前面,子元素的选择放在后面,两者之间用空格分隔。对于多层祖先后代关系,可以使用多个空格进行分隔。
子选择器:子选择器指仅作用于其直接后代元素,或者可以理解为作用于子元素的第一个后代。