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