標籤:htm images set char round gre 文法 自己 ges
屬性選取器:根據元素的屬性選擇指定元素
文法:[屬性名稱] 選取含有指定屬性的元素
- [屬性名稱="屬性值"]:選取屬性值等於指定值的元素
- [屬性名稱^="屬性值"]:選取屬性值以指定內容開頭的元素
- [屬性名稱$="屬性值"]:選取屬性值以指定內容結尾的元素
- [屬性名稱*="屬性值"]:選取屬性值中包含指定內容的元素
demo:(註:這麼尷尬的詩句肯定不是我寫的)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*[屬性名稱="屬性值"]:選取屬性值等於指定值的元素*/ h2[title="abcde"]{ color: red; } /*[屬性名稱^="屬性值"]:選取屬性值以指定內容開頭的元素*/ h3[title^="o"]{ color: green; } /*[屬性名稱$="屬性值"]:選取屬性值以指定內容結尾的元素*/ h4[title$="c"]{ color: blue; } /*[屬性名稱*="屬性值"]:選取屬性值中包含指定內容的元素*/ h1[title*="df"]{ color: blue; } </style> </head> <body> <!-- [email protected] 時間:2017-03-18 描述:title是當滑鼠移上去,懸浮在上面的內容 --> <h1 title="dfc">致女兒書</h1> <h2 title="abcde">煲湯比寫詩重要 </h2> <h3 title="opq">自己的手藝比男人重要 </h3> <h4 title="cde">胸和腰和屁股比臉蛋重要 </h4> <h5>內心強大到混蛋 </h5> <h6>比什麼都重要 </h6> <br /> <br /> <h1 title="cde">致女兒書</h1> <h2 title="opq">煲湯比寫詩重要 </h2> <h2 title="abcde">自己的手藝比男人重要 </h2> <h4 title="abc">胸和腰和屁股比臉蛋重要 </h4> <h5>內心強大到混蛋 </h5> <h6>比什麼都重要 </h6> <br /> <br /> <h1 title="cde">致女兒書</h1> <h1 title="dfdf">致女兒書</h1> </body></html>
:
前端學習 -- Css -- 屬性選取器