目次一覧
状態:-
閲覧数:400
投稿日:2021-07-06
更新日:2021-07-06
やりたかったこと / 正常動作しないコード / 正常動作したコード
感想
感想
やりたかったこと / 正常動作しないコード / 正常動作したコード
やりたかったこと
擬似要素である「h4:before」要素に対して、CSSでループ処理したい
正常動作しないコード
.hoge h4:before:nth-child(5n+1){}
正常動作したコード
「:nth-child(5n+1)」は、「:before」擬似要素より先に記述する必要があります。
.hoge h4:nth-child(5n+1):before
感想
感想
2013 年失敗から成長していない
いや、下記失敗があったからハマらなかった。
本当は、すぐ気が付いて欲しかったけれども……。
2017 年にも失敗
改めて確認してみたら、2017 年にも同じ失敗していることに気が付きました。
全然成長していないよー。
「a:before:hover」ではなく「a:hover:before」