具有特定屬性的html元素樣式不僅僅是class和id。
注意:ie7和ie8需宣告!doctype才支援屬性選擇器!ie6和更低的版本不支援屬性選擇器。
下面的例子是把包含標題(title)的所有元素變為藍色:
下面的例項改變了標題title=』baidu』元素的邊框樣式:
下面是包含指定值的title屬性的元素樣式的例子,使用(~)分隔屬性和值:
執行結果:
下面是包含指定值的lang屬性的元素樣式的例子,使用(|)分隔屬性和值:
屬性選擇器樣式無需使用class或id的形式:
Web 前端 CSS選擇器
選擇器 選擇器類選擇器 類選擇器 三年級時,我還是乙個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。到了三年級下學期時,我們班上了一節公開課,老師提出了乙個很簡單的問題,班裡很多同學都舉手了,甚至成績...
Web前端 CSS選擇器
本文介紹css的選擇器,包括元素選擇器 id選擇器 類選擇器 屬性選擇器 後代選擇器 子元素選擇器 相鄰兄弟選擇器。本文內容結合w3c教程編寫 1 元素選擇器 又稱型別選擇器 type selector 是最常見的css選擇器,文件的元素就是選擇器,比如p h1 甚至html本身。p h12 id選...
web前端 屬性選擇器 通用選擇器
1.通用選擇器 將屬性應用於頁面的所有元素 2.屬性選擇器 eg.lista 3.按屬性或屬性值選擇 selecting by attribute or value of attribute title title best 4.按值的開始或結束選擇 selecting by beginning o...