Как объявить :: до раз и для этого и добавить отдельный контент на основе классов в вложенном синтаксисе декларации CSS? ⇐ CSS

[Anonymous]

Имея ниже html < /p>


.legend__list {
display: flex;
border: 2px solid rgb(241, 230, 230);
align-content: center;

.legend {
font-size: large;
color: greenyellow;

&.clan {
&::before {
content: "\1F9EC";
}
}

&.deity {
&::before {
content: "\1FA94";
}
}

&.cast {
&::before {
content: "\4DE4";
}
}
}
}

dl {
display: flex;
margin: auto;
}< /code>



Clan



Deity



Cast





Это работает нормально, но ищет альтернативный или более короткий синтаксис..legend {
font-size: large;
color: greenyellow;

&::before {
content: "";

:has(.deity) {
content: "\1F9EC";
}

:where(.clan) {
content: "\1FA94";
}

:is(.cast) {
content: "\4DE4";
}
}


Подробнее здесь: https://stackoverflow.com/questions/794 ... -classes-i