「.hoge h4:before:nth-child(5n+1)」ではなく「.hoge h4:nth-child(5n+1):before」

やりたかったこと

擬似要素である「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」