在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 指定屬性名,並指定了該屬性...