1、css3選擇器筆記，為什么看到有的前端工程師將css每個選擇器里的內容寫成一行？

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

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

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

2、CSS3動態效果學習筆記？

用hover，animation，和transform可以達到鼠標移入而開始執行動畫，鼠標移出而恢復動畫的原來狀態。但是想要達到更精細的動畫效果只能使用js來監聽鼠標的各個事件onmouseenter，onmousemove，onmouseleave來執行動畫。純css是不能感知鼠標的移動事件的。

3、CSS選擇器權重如何計算？

很古老的話題了

id=100

class=10

tag（標簽）=1

按照這個規律去計算，比如

#qietu div{}

100+1 = 101

.qietu .box{}

10+10=20

可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面，我推薦了解下BEM命名規則，這個觀念很好，可以從側面杜絕權重問題的產生，還有一個就是提高權重的方法 !important;

4、類選擇器語法？

1. 標簽名選擇器 div { color：Red;} 即頁面中的各個標簽名的css樣式 2.類選擇器 .divClass {color:Red;} 即定義的每個標簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁面中的標簽的id 4.后代選擇器（類選擇器的后代選擇器） .divClass span { color:Red;} 即多個選擇器以逗號的格式分隔 命名找到準確的標簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標簽分組顯示