Как я могу стилизовать класс, у которого нет родительского класса?

Question

Как мне оформить все теги с помощью btn, которого нет в теге с btn-group?

Вот пример HTML:

<div class="btn-group">
  <button class="btn">I don't want to style this</button>
</div>
<button class="btn">I want to style this</button>

Я надеюсь на решение CSS или SCSS.

Answer 1

Почему бы не попробовать обратное. На вашем css напишите класс для вашего .btn и после этого напишите свои стили для .btn-group> .btn, чтобы перезаписать btn без родителя! С символом> вы применяете стили для своего прямого дочернего селектора. Так что только btn внутри btn-group изменится

Answer 2

CSS не имеет «родительского селектора» или подобного.

Я бы перезаписал .btn-group .btn стилей, чтобы отменить изменения, внесенные в .btn.

. Вы можете попробовать использовать :not() селектор (например, :not(.btn-group) .btn), но я бы удивился, если бы это применимо.