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

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

控制元素的唯一標識，用id來表示。

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

應該是個老程序猿，之前css壓縮沒有實現的時候，通過縮短選擇器嵌套，人工進行壓縮就出現了這個。而且沒有less，scss開發的時候這種情況更甚，不過有了這些便捷的開發方式也希望去注意一點嵌套層數。

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

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