css中可以使用選擇器減少命名的個數;
比如要給下面的h1、p、子塊標籤中的h1新增屬性
class="aa">
h1>
p>
div>
div>
可以使用
.aa p{}
.aa h1:nth-of-type
(1){}
.aa>div>h1{}
來新增屬性,第一種是寫class名空格再寫入需要新增屬性的標籤
而第二種意思是選中class「aa」中第乙個h1標籤來進行新增屬性
最後乙個是指選中在class「aa」中的div裡的< h1>屬性來進行新增屬性
也可以給標籤中新增title屬性,然後在css中選中新增屬性
比如要給大的塊標籤「aa」中的子塊標籤」bb」新增屬性
class="aa">
div>
div>
div>
div>
可以使用title標籤的屬性來區分各個子塊標籤 然後使用
div[title=」bb」] 選取div標籤中標題為bb的所有標籤
div[title!=」cc」]選取div標籤中標題不為cc的所有標籤
div[title^=」bb」]div標籤中標題以bb開頭的所有標籤
div[title*=」bb」]div標籤中標題包含bb的所有標籤
CSS選擇器 屬性選擇器
最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...
CSS屬性選擇器
簡單屬性選擇器,如 css h1 class html 那麼以上h1標籤裡的內容字型顏色都會改變。同時我們也可以通過這種方法來給自己建立的標籤加上樣式,如 css planet moon html venus earth mars 這樣的話,第二條和第三條就會被加上樣式。還可以根據標籤裡的具體屬性值...
CSS屬性選擇器
css 2 引入了屬性選擇器。屬性選擇器可以根據元素的屬性及屬性值來選擇元素。如果希望選擇有某個屬性的元素,而不論屬性值是什麼,可以使用簡單屬性選擇器。如果您希望把包含標題 title 的所有元素變為紅色,可以寫作 title 親自試一試 與上面類似,可以只對有 href 屬性的錨 a 元素 應用樣...