首先,标签选择器是最基础的选择器。它的作用是选择指定类型的HTML标签,并对其应用相应的CSS样式。比如下面的代码就是使用标签选择器来设置所有段落的颜色为红色:
p { color: red; }
其次,类选择器则是采用class属性来定义的选择器。在HTML中,大家可以给某个元素添加一个class属性,然后在CSS中使用”.类名”的方式来选择该元素。下面是一个类选择器的例子:
.text-red { color: red; }
在这个例子中,大家定义了一个名为”text-red”的类名,并设置该类对应的文本颜色为红色。在HTML中,大家可以为需要应用该样式的元素添加class属性,如下所示:
<p class="text-red">请注意这里的文本颜色</p>
最后,ID选择器则是采用id属性来定义的选择器。在HTML中,大家可以为某个元素添加一个唯一的id属性,并在CSS中使用”#id名”来选择该元素。这里是一个ID选择器的例子:
#main-title { font-size: 24px; }
在这个例子中,大家定义了一个id为”main-title”的元素,然后设置该元素对应的字体大小为24像素。在HTML中,大家可以使用”<h1 id=”main-title”>”的方式来定义一个标题,并让它应用该样式。