У меня есть класс semantic
, который я применяю к множеству разных элементов. В зависимости от того, к какому тегу html применяется класс, я бы хотел, чтобы он применял другой стиль. Вот как я пытался это сделать:
.semantic {
&ul {
padding: 0;
margin: 0;
}
&p {
margin: 0;
}
}
Это не работает. Конечно, я мог бы написать это так, но это было бы не очень "СУХОЙ":
.semantic ul {
padding: 0;
margin: 0;
}
.semantic p {
margin: 0;
}
Возможно ли это?
Изменить: для пояснения, вот пример того, как выглядит мой HTML:
<ul class='semantic'>
<li>An Item</li>
</ul>
<p class='semantic'>This text is semantically a paragraph, but should not be displayed as such</p>