Bu yöntem aslında demode bir yöntemdir. W3 bu yöntem ve benzeri sorunlar için uzun zaman önce Css ve Html de güncelleme yayınladı, Css için var (değişken) tanımlama özelliğini getirdi.
Paylaştığınız yöntemin kullanılma amacı genelde ::before,::after sınıflarının değerlerini html üzerinden değiştirebilmektir. Artık bunun yerine var(degisken); şeklinde sınıf değerini atayabilirsiniz.

Örnek:

.sinif::before{
color:var(--renk);
}

<div class="sinif" style="--renk:#333"></div>

Sadece bilgilendirmek istedim. Kullanım açısından bahsettiğim yöntem daha stabil ve basittir. Standart gereğide kullanması daha uygundur.