CSS 选择器是网页设计中用来定位和修改 HTML 元素样式的重要工具。以下是一些常用的 CSS 选择器及其用法。
基本选择器
- 元素选择器:直接使用 HTML 元素名称,例如
p
代表所有<p>
元素。 - 类选择器:使用点号
.
后跟类名,例如.class-name
代表所有具有该类的元素。 - ID 选择器:使用哈希号
#
后跟 ID,例如#id-name
代表具有该 ID 的唯一元素。
层级选择器
- 后代选择器:使用空格分隔,例如
parent child
代表child
元素是parent
元素的直接后代。 - 子选择器:使用大于号
>
,例如parent > child
代表child
元素是parent
元素的直接子元素。 - 相邻兄弟选择器:使用加号
+
,例如element1 + element2
代表element2
是element1
的紧邻兄弟。
特殊选择器
- 属性选择器:使用方括号
[]
,例如[attribute="value"]
代表具有指定属性的元素。 - 伪类选择器:用于选择具有特定状态的元素,例如
:hover
代表鼠标悬停状态。
CSS 选择器示例
更多信息,请访问 CSS 选择器详解。
以上内容仅用于学习和参考,请勿用于非法用途。