類選擇符：自己定義的包含多條樣式的集合，以“.”開頭。可以在頁面中重復(fù)使用該樣式。如：.aaa{ ……}類型選擇符：定義HTML固有標(biāo)簽的樣式。前面不加“.”例如：p{ ……}ID選擇符，和類選擇符格式相同。區(qū)別在于以“#”開頭,而且ID是先找到結(jié)構(gòu)/內(nèi)容，再給它定義樣式；class是先定義好一種樣式，再套給多個結(jié)構(gòu)/內(nèi)容例如：#aaa{ ……}通配符，顧名思意：對頁面內(nèi)所以標(biāo)簽都生效。其名稱必須為“*”。例如：*{ ……}偽類：常用的有四個、即A標(biāo)簽里的四個狀態(tài)（a:link a:visited a:hover a:active）。

其他的如:lang :focus等不常用，也存在兼容問題。

控制元素的唯一標(biāo)識，用id來表示。

layout里有個簇布局，用好了你就牛 最好不用，自動布局布出來的根本不行…

應(yīng)該是個老程序猿，之前css壓縮沒有實現(xiàn)的時候，通過縮短選擇器嵌套，人工進(jìn)行壓縮就出現(xiàn)了這個。而且沒有l(wèi)ess，scss開發(fā)的時候這種情況更甚，不過有了這些便捷的開發(fā)方式也希望去注意一點嵌套層數(shù)。

推薦項目工程呢還是用less，scss開發(fā)比較好，css文件開發(fā)期就是被編譯的壓不壓縮無所謂了。

推薦樓主使用 vs code 這個編輯器 非常好用的東西。如果你要發(fā)展全棧或者學(xué)習(xí)node，這個玩意兒繞不開1