CSS 选择器速查表

CSS 选择器是网页样式设计的重要组成部分。以下是一些常用的 CSS 选择器及其用法。

基本选择器

• 元素选择器：选择所有指定类型的元素。

  p { color: red; }
  

  

  Element Selector

• 类选择器：选择所有具有指定类的元素。

  .my-class { color: blue; }
  

  

  Class Selector

• ID 选择器：选择具有指定 ID 的元素。

  #my-id { color: green; }
  

  

  ID Selector

层级选择器

• 后代选择器：选择所有后代元素。

  ul li { color: orange; }
  

  

  Descendant Selector

• 子选择器：选择所有直接子元素。

  ul > li { color: purple; }
  

  

  Child Selector

• 相邻兄弟选择器：选择紧接在指定元素之后的兄弟元素。

  ul + ul { color: brown; }
  

  

  Adjacent Sibling Selector

属性选择器

• 属性存在选择器：选择具有指定属性的元素。

  [title] { color: pink; }
  

  

  Attribute Selector

• 属性值选择器：选择具有指定属性和值的元素。

  [title="example"] { color: yellow; }
  

  

  Attribute Value Selector

更多关于 CSS 选择器的信息，请访问本站 CSS 选择器教程。