前端学习 -- Css -- 属性选择器
生活随笔
收集整理的這篇文章主要介紹了
前端学习 -- Css -- 属性选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
屬性選擇器：根據元素的屬性選擇指定元素
語法：[屬性名]?選取含有指定屬性的元素
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><!--作者：1213854220@qq.com時間：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 -- 属性选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 360周鸿祎：ChatGPT三年内就会产
- 下一篇： 2017年html5行业报告,云适配发布