盡管css的選擇器很強大了，但是考慮其兼容性，盡可能的少用，比如我們在做一個前端頁面的切圖的時候，會看情況：

如果是h5手機網站，推薦用css選擇器

如果是pc網站，適當用css選擇器

如果是pc網站，并且是政府、學校等機關單位，杜絕用css選擇器

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

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

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

寫在哪里是要分情況的，是要看你想要實現什么效果。

1）如果寫在選擇器，如果是寫的rotate等事件，則直接執行事件，如果寫的是transtion:all ease 0.5s，那么他在你鼠標移入以及鼠標移出的時候都會發揮作用。

2）寫在hover上，那么他只會在鼠標移入的時候才執行你自己定義的transtion動作，移出沒有效果；

1、在電腦端打開ps css軟件，然后選擇一張圖片放到PS中。

2、選擇選框工具，在上方的屬性欄中出現選擇并遮住的屬性進行設置。

3、進入到摳圖屬性欄，視圖模式相當于圖層蒙版的顯示顏色，進行操作。

4、打開視圖主面板后，選擇模式選項，進行操作。

5、接著選擇圖層蒙版的顏色。

6、然后接下來就是調節，左側第一個是快速選擇工具，第二個是邊緣調整，使用快速選擇工具的添加減少功能來摳圖。

7、在蒙版上要顯示的內容區是白色，黑色是不要的區域，用畫筆在細微調整邊緣處即可。