CSS3給偽元素before添加hover操作：

1、偽元素的由兩個冒號“::”開頭，然后是偽元素的名稱 ，使用兩個冒號是為了區別偽類和偽元素。當然，考慮到兼容性，CSS2中已存的偽元素仍然可以使用一個冒號的語法，但是CSS3中新增的偽元素必須使用兩個冒號；

2、一個選擇器只能使用一個偽元素，并且偽元素必須處于選擇器語句的最后，如果我們利用偽元素來進行動畫設置，需要給父元素添加樣式（position：relative）；給:after或者:before添加（position:absolute）；

3、某些內容時，只用在css樣式表中利用:after與:before來輸入內容樣式，但更多的，可以結合偽類:hover 來設置動畫樣式。

這里要注意的是，這幾個偽類如果同時出現在一個元素的操作上，順序不能改變，否則很大程度上會產生紊亂，效果不生效。

很明顯偽類是不支持hover的，但是，可以給div2加hover。
其實就是 .div2:hover:before{
...代碼

}
這樣寫的意思是div2 hover狀態下的before怎樣怎樣

偽元素是無法直接添加偽類的
CSS語法上 偽元素必須在選擇器的尾部結束位置
也就是說 .div2:before:hover {...} 這段代碼的語法是錯誤的