使用 HTML 元素名称作为样式的选择器。它可以应用于任何 HTML 元素。
例如:
p { color: red; }
2. ID 选择器:
使用元素的 ID 属性作为选择器。它只能应用于一次,如果应用到多次相同的元素,只有第一个元素将被影响,因为 ID 属性值应该是唯一的。
例如:
#myDiv { background-color: blue; }
3. 类选择器:
使用元素的 class 属性作为选择器。
例如:
.myClass { font-size: 20px; }
4. 属性选择器:
使用元素的属性进行样式选择。
例如:
a[href^="https://"] { color: green; }
5. 后代选择器:
使用一个元素的后代元素作为样式选择器。
例如:
#parent p { color: black; }
6. 相邻兄弟选择器:
选择指定元素相邻的兄弟元素。
例如:
h2 + p { color: blue; }
7. 通用选择器:
作用于所有的 HTML 元素。
例如:
* { margin: 0; padding: 0; }
以上是 CSS 中常见的选择器。完整的选择器列表可以在W3C 官网上找到。