第一种基础的选择器是元素选择器,它是最基本的选择器,在选择元素时,基于标签名称来进行选择。例如:
p { color: red; }
这段代码会选择所有的 p 标签,并将它们的字体颜色设置为红色。
第二种基础的选择器是 id 选择器,基于元素的 id 属性值进行选择,id 值在 HTML 中需要保持唯一性。例如:
#header { background-color: blue; }
这段代码会选择拥有 id 属性值为 “header” 的元素,并将它们的背景颜色设置为蓝色。
第三个基础选择器是 class 选择器,它基于元素的 class 属性值来进行选择。例如:
.highlight { font-weight: bold; }
这段代码会选择所有拥有 class 属性值为 “highlight” 的元素,并将它们的字体加粗。
第四个基础选择器是通用选择器,它选择文档中的所有元素。例如:
* { margin: 0; padding: 0; }
这段代码会将文档中的所有元素的外边距和内边距设置为 0。
最后一个基础选择器是属性选择器,选择器基于元素的属性值进行选择。例如:
input[type="text"] { border: 1px solid black; }
这段代码会选择所有拥有 type 属性值为 “text” 的 input 元素,并将它们的边框设置为黑色实线。
以上就是 CSS 基础选择器的五种类型,大家可以使用它们进行元素、class 和 id 的选择操作。这些选择器可以单独使用,也可以进行组合使用,以实现更加灵活的样式编写。