国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css3 - 使用自定義屬性來寫 CSS 選擇器是否更優雅?

瀏覽:101日期:2023-08-02 13:56:15

問題描述

小伙伴推薦在 css 中使用自定義屬性代替 class 做選擇器,

html:

<button bg='blue'>blue</button><button bg='red'>red</button>

css:

[bg='blue'] { background-color: blue;}[bg='red'] { background-color: red;}

http://codepen.io/Integ/pen/YPRpWE

相比用 class 和 tagname 做選擇器,每個屬性控制一個樣式更加清晰明了,避免了選擇器中 class 對權重的影響。

但是自定義屬性增加了html的復雜度。

前端應該如何合理使用屬性選擇器?

問題解答

回答1:

好吧,性能成指數下降。

干嘛不這樣寫?

css.bg-blue { background: blue;}

html<p class='bg-blue'></p>

標簽: CSS
相關文章:
主站蜘蛛池模板: 国产高清自拍 | 欧美一级别 | 久久精品国内一区二区三区 | 在线观看人成午夜影片 | 欧美aaa毛片免费看 欧美aaa视频 | 嫩草影院在线观看网站成人 | 国产亚洲精品成人久久网站 | 成人欧美视频在线观看 | 日本性色 | 另类视频在线观看 | 亚洲天堂2015 | 日本精品一在线观看视频 | 兔费看全黄三级 | 中国国产一级毛片 | 亚洲国产精品67194成人 | 久久久久国产成人精品亚洲午夜 | 亚州视频在线 | 国产不卡一区二区三区免费视 | 99国产国人青青视频在线观看 | 免费一级特黄 | 能直接看的一级欧美毛片 | 91精品国产色综合久久 | 两性午夜视频 | 日本 欧美 在线 | 亚洲高清在线观看 | 久综合 | 国产精品三区四区 | 特毛片 | 天堂8中文在线 | 草久在线视频 | 黄色福利网 | 男女生性毛片免费观看 | 一个人看的www日本视频 | 国产久草视频在线 | 美女视频黄a视频美女大全 美女视频黄a视频免费全程 | 免费观看a级毛片在线播放 免费观看a级网站 | 国产成人福利美女观看视频 | 日本苍井一级毛片 | 国产午夜人做人视频羞羞 | 久草在线免费资源 | 亚洲国产资源 |