HTML常用選擇器

2021-09-01 05:38:25 字數 834 閱讀 9281

在html中常見選擇器有:

元素選擇器、id選擇器、類選擇器(class)、選擇器分組(並集選擇器)、通配選擇器、復合選擇器(交集選擇器)。

元素選擇器

作用:通過元素選擇器可以選擇頁面中的所有指定元素。

語法:標籤名{}

例如:

p
id選擇器

作用:通過元素的id值選中唯一的元素。

語法:#id屬性值{}

例如:

#p1
注意:乙個html中id不允許重複

類選擇器

作用:通過元素的class屬性值選中一組元素。

語法:.class屬性值{}

class屬性值和id屬性值相似,只不過class屬性值可以重複。

例如:

.p2
選擇器分組(並集選擇器)

作用:通過選擇器分組可以同時選中多個選擇器對應的元素。

語法:選擇器1,選擇器2,選擇器n{}

例如:

#p1,.p2,h1
通配選擇器

作用:選中頁面中的所有元素。

語法:*{}

*
復合選擇器(交集選擇器)

作用:可以選中同時滿足多個選擇器的元素。

語法:選擇器1選擇器2選擇器n{}

例如:

span.p3

HTML之常用選擇器

瀏覽器為html文件內標籤名與標籤選擇器名相同的標籤元素新增css樣式 語法格式 標籤選擇器名示例 鄭州大學 瀏覽器為id標籤屬性的屬性值與id選擇器名相同的標籤元素新增css樣式 語法格式 id選擇器名示例 鄭州大學 執行結果與上述結果一致 備註 1 id標籤屬性的屬性值不能以數字開頭 2 id標...

HTML常用標籤及選擇器

html基本標籤 補充內容 標籤分為雙標籤和單標籤,雙標籤例如 單標籤例如 標籤名 標籤備註 標題標籤 h1 h6 文字大小依次減小 塊級標籤 段落標籤 p塊級標籤 換行標籤 br塊級標籤 水平線標籤 hr塊級標籤 div標籤 div塊級標籤 span標籤 span 行內標籤 引用標籤 blockq...

html 選擇器之屬性選擇器

屬性選擇器的主要作用個人的理解就是對帶有指定屬性的元素設定css樣式。使用css3的屬性選擇器,可以指定元素的某個屬性,也可以指定某個屬性和這個屬性所對應的值。css3的屬性選擇器主要包括下面幾種 e attr 只使用屬性名,但沒有確定任何屬性值 e attr value 指定屬性名,並指定了該屬性...