× 擬似要素に擬似クラスを適用
＜例＞ 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;
}