前端技術眾多，作為一名前端工程師，我們每接觸新技術首先要懂得此技術的優勢和劣勢，這是最基本的。往深入了說還需要懂得技術的應用場景，與之配合的技術等，方便為以后架構做准備。而less作為一門CSS預處理語言，擁有函數式變成的特點，主要優點就是高效。主要適用於包含眾多CSS的大型項目。主要體現在：項目 ...

;style> /*<!--id 選擇器-->*/ # ...

CSS，樣式選擇器 一、CSS CSS（層疊樣式表）使用來美化頁面用的，CSS主要有元素內連，頁面嵌入和外部引用三種使用方式； 1.元素內聯，直接將樣式寫入元素的style屬性中，適用於樣式沒有可復用性的場合。 2.頁面嵌入，在head頭部進行嵌入 結果：表示 ...

#若深度選擇器有效。使用此可修改樣式 #深度選擇器失效，則： 1.重新定義deep深度選擇器 2.使用 3.例子 本身效果： 重置樣式： 重置樣式效果： ...

分組選擇器， 將一個樣式應用於多個類，或者標簽啥的 每個選擇器用逗號隔開 View Code 結果如下 嵌套選擇器 它可能適用於選擇器內部的選擇器的樣式。 在下面的例子設置了三個樣式： p{ }: 為所有 p 元素指定一個樣式 ...

.div div div 嵌套會先首先尋找.div的所有后代div元素的dom 然后再在此dom基礎上繼續尋找他的后代div dom 依次類推 a.（這樣的css選擇會出現大量重復，后面的dom屬性會覆蓋前面的屬性） b. 根元素一定要固定好 倘若寫 ...

: ‘ ’ 空格，后代選取器, '>' 大於號，子元素選擇器 ‘+’ 加號，子元素選擇器 ‘~' 破折號 ...

這里說一下常用的CSS擴展選擇器。 選擇所有元素 選擇器選擇所有元素。 選擇器也可以選擇另一個元素內的所有元素。 使用格式： 舉例： 選擇所有元素，並設置其背景色。 Google瀏覽器中打開，查看效果： 並集選擇器 element,element 幾個元素 ...