1. 基本选择器
在CSS中,选择器用于指定要样式化的HTML元素。基本选择器是最简单的选择器,它们根据元素的标签名、ID、类名和属性来选择元素。
1.1 元素选择器
元素选择器是使用HTML元素的标签名作为选择器的一种方式。它会选择所有匹配的元素,并对其应用相应的样式。
p {
color: blue;
}
上面的示例代码中,所有的<p>元素都会被设为蓝色。
1.2 ID选择器
ID选择器使用HTML元素的唯一ID属性作为选择器。它只会选择与指定ID匹配的元素。
#myElement {
font-size: 20px;
}
上面的示例代码中,ID为"myElement"的元素的字体大小被设为20像素。
1.3 类选择器
类选择器使用HTML元素的class属性作为选择器。它会选择所有与指定类名匹配的元素。
.myClass {
background-color: yellow;
}
上面的示例代码中,所有具有类名"myClass"的元素的背景颜色将变为黄色。
1.4 属性选择器
属性选择器使用HTML元素的属性值作为选择器。它会选择所有具有指定属性的元素。
a[target="_blank"] {
color: red;
}
上面的示例代码中,所有带有target属性值为"_blank"的链接将被设为红色。
2. 总结
以上介绍了CSS的四种基本选择器:元素选择器、ID选择器、类选择器和属性选择器。元素选择器根据标签名选择元素,ID选择器根据唯一ID选择元素,类选择器根据类名选择元素,属性选择器根据属性值选择元素。这些基本选择器是CSS中最常用和最重要的选择器,对构建网页样式起到了至关重要的作用。