盡管css的選擇器很強(qiáng)大了，但是考慮其兼容性，盡可能的少用，比如我們?cè)谧鲆粋€(gè)前端頁面的切圖的時(shí)候，會(huì)看情況：

如果是h5手機(jī)網(wǎng)站，推薦用css選擇器

如果是pc網(wǎng)站，適當(dāng)用css選擇器

如果是pc網(wǎng)站，并且是政府、學(xué)校等機(jī)關(guān)單位，杜絕用css選擇器

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

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

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

寫在哪里是要分情況的，是要看你想要實(shí)現(xiàn)什么效果。

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

2）寫在hover上，那么他只會(huì)在鼠標(biāo)移入的時(shí)候才執(zhí)行你自己定義的transtion動(dòng)作，移出沒有效果；

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

2、選擇選框工具，在上方的屬性欄中出現(xiàn)選擇并遮住的屬性進(jìn)行設(shè)置。

3、進(jìn)入到摳圖屬性欄，視圖模式相當(dāng)于圖層蒙版的顯示顏色，進(jìn)行操作。

4、打開視圖主面板后，選擇模式選項(xiàng)，進(jìn)行操作。

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

6、然后接下來就是調(diào)節(jié)，左側(cè)第一個(gè)是快速選擇工具，第二個(gè)是邊緣調(diào)整，使用快速選擇工具的添加減少功能來摳圖。

7、在蒙版上要顯示的內(nèi)容區(qū)是白色，黑色是不要的區(qū)域，用畫筆在細(xì)微調(diào)整邊緣處即可。