文章詳情頁
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
相關文章:
1. html - vue項目中用到了elementUI問題2. mysql scripts提示 /usr/bin/perl: bad interpreter3. showpassword里的this 是什么意思?代表哪個元素4. css3 - border-bottom 的長度可否超過盒子的寬度呢?實現如下圖效果。(我的書下面的線)5. javascript - windows下如何使用babel,遇到了困惑6. 對mysql某個字段監控的功能7. css3 - css怎么實現圖片環繞的效果8. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?9. JavaScript事件10. mysql優化 - mysql EXPLAIN之后怎么看結果進行優化 ?
排行榜
