可以用css3中新增的選擇器“[attribute=value]”來同時選中指定的屬性的標簽。
1、新建html文檔,添加5個input標簽,其中第一個和最后一個“type”屬性的屬性值為“text”:
2、在head標簽和body標簽之間添加style標簽,添加代碼“input[type=text]”,“input”指的是標簽名,“type”指的是屬性名,“text”指的是屬性值,這個就會把所有屬性名為“type”、屬性值為“text”的input標簽選中:
3、為被選擇的標簽設置背景色為紅色,這時屬性值為“text”的第一個標簽和最后一個標簽背景色都變成了紅色:
h3是標簽選擇器。
標簽選擇器是指用HTML標簽名稱作為選擇器,按標簽名稱分類,為頁面中某一類標簽指定統一的CSS樣式。其基本語法格式如下:
標簽名 {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; ......}
標簽選擇器最大的優點是能快速為頁面中同類型的標簽統一樣式,同時這也是他的缺點,不能設計差異化樣式。
css中的*是不需要聲明選擇器的,表示所有的標簽都使用該屬性。
css選擇器加.是類選擇器,選擇與class屬性相匹配的類名