CSS样式表是网页设计中非常重要的一部分,选择符也是其中的关键。选择符用来指定哪些HTML元素将应用某种样式。下面是CSS中的十大选择符。
1. 元素选择器 最常见的选择符,用来选择特定的HTML元素。例如: p { color: red; } 2. ID选择器 用来选择特定的HTML元素,根据元素的唯一ID来进行匹配。例如: #header { background-color: blue; } 3. 类选择器 用来选择具有相同类别名称的一组HTML元素。例如: .my-class { font-weight: bold; } 4. 属性选择器 选择具有特定属性的HTML元素。例如: input[type="text"] { border: 1px solid black; } 5. 子选择器 用来选择特定元素的直接子元素。例如: li > a { color: green; } 6. 相邻兄弟选择器 用来选择指定元素之后的第一个兄弟元素。例如: h2 + p { font-style: italic; } 7. 通用兄弟选择器 被选择的元素与指定元素共享同一父元素,并出现在指定元素之后。例如: h2 ~ p { font-weight: 500; } 8. 伪类选择器 用来选择特定状态下的元素。例如: a:hover { color: purple; } 9. 伪元素选择器 在指定元素的某个部分上应用样式。例如: p::first-letter { font-size: 2em; } 10. 通用选择器 匹配任何HTML元素。例如: * { margin: 0; padding: 0; }