1. 程式人生 > >CSS選擇器分類整理

CSS選擇器分類整理

讀完《CSS權威指南》,對選擇器有如下整理:

selector
選擇器型別:

<!-- 實體,即HTML中存在 -->

1.通配選擇器 * 匹配任意
2.類選擇器 .class
3.ID選擇器 #id
4.屬性選擇器 element[rep] (不常用) 4.屬性選擇器 element[rep] (不常用)

<!-- 虛體,即HTML本身不存在 -->

1.偽類(一些在某種行為會被自動定義的類,有點類似遊覽器會自動幫我管理這些內建類)

  <!-- 表現 -->
  1.link
  2.visited
  3.focus
  4.hover
  5.active
  <!-- 結構 -->
  1.first-child(元素中的第一個子元素)

2.偽元素(向文件中插入的假想元素)

  <!-- 表現 -->
  before
  after

選擇器規則:

<!-- 選擇器組合 -->
1.分組 逗號分隔(相同屬性聚集)
2.交集 

<!-- 文件結構 -->
1.後代選擇器 空格
2.子代選擇器 >
3.兄弟選擇器 +