CSS 选择器,是指针对不同元素或元素组的特定样式选择符。CSS 选择器可以选择 HTML 上不同的标记或标记的特定类型、属性或位置。CSS 选择器分为很多种类型。
最基础的 CSS 选择器是元素选择器,如下:
p { color: red; }
这个样式表会选择 HTML 中所有的<p>
元素并将它们的文字颜色变成红色。
类选择器是 CSS 中常见、常用的多种选择器之一,它与 HTML 中的 class 属性组合使用。例如:
.red { color: red; }
这个样式表会选择 HTML 中所有使用了class=”red”
的元素,并将它们的文字颜色变成红色。
还有一种非常重要的选择器是 ID 选择器,它能够针对唯一的元素进行样式选择。例如:
#top { border: 1px solid black; }
这个样式表会针对 HTML 中 ID 属性的值为“top”的元素进行样式操作,并为它们添加具有黑色实心边框的1像素宽线框。
CSS 选择器的转换还有很多,包括属性选择器、层次选择器、伪类选择器等。通过运用不同的选择器,可以轻松地在 HTML 页面中修改样式并且使得不同元素拥有独特的样式效果。