1. 程式人生 > >關於選擇器的整理

關於選擇器的整理

條目 基於 匹配 目標 語法 伸縮性 第一個 鏈接 瀏覽器

  選擇器可以采用多種方式,提供一個可伸縮性來匹配文檔中的各種標記,下面整理一下常用的選擇器類型:

  1、元素選擇器

 元素選擇器是最常見,最易理解的選擇器,元素選擇器選擇匹配選擇器的網頁上的任何HTML元素,不考慮這些元素在文檔中的位置;

  2、類選擇器

 元素選擇器的目標是一個元素的每個實例,而選擇器可以用於選擇某個有class屬性的任何HTML元素,不考慮他們在文檔中的位置;

  3、ID選擇器

 ID選擇器與類選擇器相似,它可以用於選擇某個ID屬性的任何HTML元素,不用考慮這些元素在文檔中的位置,其語法形式為:#ID名{屬性:值}

ID選擇器和類選擇器的主要區別在於,同一ID屬性值在同一個頁面上只能出現一次,而同一個 class屬性值可以在同一頁面多次出現;

  4、包含選擇器

 包含選擇器用於選擇在文檔樹中一個元素的後代元素;

  5、通配選擇器

 通配選擇器用於選擇所有元素。

  6、偽類選擇器

 目前所了解的選擇器都是基於文檔樹中的元素,但是有時候我們需要格式化一些沒有CSS選擇器可用的東西,偽類選擇器允許我們格式化不在文檔樹中的一些條目,因為不用瀏覽器對偽類選擇器的支持有所不同,目前我們主要使用所有的瀏覽器都支持的、與超鏈接<a>元素相關的超鏈接偽類選擇器。

  7、偽元素選擇器

 偽元素選擇器允許我們格式化文檔樹中沒有的一些信息。例如,使用標準的選擇器不能格式化一個元素內容的第一個字母或者第一行,而偽類元素選擇器能。

關於選擇器的整理