CSS 选择器是网页设计中用来定位和修改 HTML 元素样式的重要工具。以下是一些常用的 CSS 选择器及其用法。

基本选择器

  • 元素选择器:直接使用 HTML 元素名称,例如 p 代表所有 <p> 元素。
  • 类选择器:使用点号 . 后跟类名,例如 .class-name 代表所有具有该类的元素。
  • ID 选择器:使用哈希号 # 后跟 ID,例如 #id-name 代表具有该 ID 的唯一元素。

层级选择器

  • 后代选择器:使用空格分隔,例如 parent child 代表 child 元素是 parent 元素的直接后代。
  • 子选择器:使用大于号 >,例如 parent > child 代表 child 元素是 parent 元素的直接子元素。
  • 相邻兄弟选择器:使用加号 +,例如 element1 + element2 代表 element2element1 的紧邻兄弟。

特殊选择器

  • 属性选择器:使用方括号 [],例如 [attribute="value"] 代表具有指定属性的元素。
  • 伪类选择器:用于选择具有特定状态的元素,例如 :hover 代表鼠标悬停状态。

CSS 选择器示例

更多信息,请访问 CSS 选择器详解


以上内容仅用于学习和参考,请勿用于非法用途。