擬似要素と擬似クラスは併用できるか

× 擬似要素に擬似クラスを適用

＜例＞ div::after:hover{} 

■結果
after要素に対してはhoverで指定した内容が動作しませんでした。

○ 擬似クラスに擬似要素を適用

＜例＞ div:hover::after

■結果
after要素に対してhoverで指定した内容が動作しました。

■使用例／CSS

div { }
div::before {
content:"これは疑似要素before";
border: solid 1px green;
}
div::after {
content:"これは疑似要素after";
border: solid 1px orange;
}
div:hover::before {
content:"これは疑似要素before";
color:green;
}
div:hover::after {
content:"これは疑似要素after";
color:orange;
}

■サンプルはこちら