元素选择器是最基本的选择器。它可以选择文档中的所有该元素类型的实例。例如,如果要选择所有的段落元素,在CSS中的写法是:
p { color: red; }
类选择器是根据元素的class属性来定义的选择器。它允许将样式与一个或多个元素关联起来。要使用类选择器,需要给要应用样式的元素添加一个class属性。例如,如果要选择所有class属性值为“highlight”的元素,可以使用以下代码:
.highlight { background-color: yellow; }
ID选择器是根据元素的ID属性来定义的选择器。它允许将样式与一个特定的元素关联起来。与类选择器不同,每个元素只能有一个ID属性,并且该属性的值必须是唯一的。要使用ID选择器,需要给要应用样式的元素添加一个ID属性。例如:
#header { font-size: 24px; }
尽管元素选择器最基本,但它通常会应用到大量元素上,从而使网页加载变慢。相比之下,类选择器和ID选择器应用更为具体,可以减少网页加载时间。因此,在定义CSS样式时,最好使用类选择器和ID选择器。