css 雜記

less

風(fēng)格

  • 書寫順序: 變量 -> mixin函數(shù) -> class
  • 盡量不要嵌套,除非 &:last-child這種
  • 盡量使用變量,統(tǒng)一樣式風(fēng)格

語法

  • mixin 函數(shù):
.color(@color: #fff) {
  color: @color;
}
  • css class 選擇器??梢栽赾lass前面加[class*="font-xxx"]來限定樣式作用范圍,避免修改全局樣式時影響其他

[attribute ^= value],a[src ^= "https"],選擇其 src 屬性值以 "https" 開頭的每個 <a> 元素。 最低要求:css3

[attribute *= value],a[src *= "abc"],選擇其 src 屬性中包含 "abc" 子串的每個 <a> 元素。 最低要求:css3

用[class *= " icon-"], [class ^= icon-]經(jīng)過測試發(fā)現(xiàn),value可以加雙引號,可以不加,效果一致。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • title: css雜記date: 2017-05-21 15:52:05tags: css筆記 word-spa...
    Gary23閱讀 584評論 0 1
  • mean to add the formatted="false" attribute?.[ 46% 47325/...
    ProZoom閱讀 3,215評論 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,842評論 1 45
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,876評論 0 3
  • 我此過去心——任意隨所欲,隨愛好游行。我今悉調(diào)伏,如象師持鉤,治愈,泌液象。
    劉柔閱讀 433評論 0 0

友情鏈接更多精彩內(nèi)容