Наследование CSS: применение селектора для себя и каждого потомка

Question

Получите пользовательский CSS и наберите

.answered-accepted {
  color: white !important;
  background: #090 !important;
}

Теперь перейдите на answers.unity3d и найдите принятый ответ. Дизайн выглядит плохо, потому что <strong> там переопределяет настройку. Я нашел следующее исправление:

.answered-accepted, .answered-accepted * {
  color: white !important;
  background: #090 !important;
}

Теперь на сайте все выглядит хорошо, но код выглядит ужасно !! Как я могу сделать это, не повторяя имя класса?

Answer 1

.answered-accepted strong {
  font-weight: inherit;
}

Это заставит <strong> наследовать вес шрифта от самого прямого родителя, чтобы вы могли хранить все данные в одном месте. Вы можете inherit любые другие свойства, которые вы хотите, чтобы <strong> взял из .answer-accepted.

Единственная проблема в том, что IE7 и более ранние версии не поддерживают его, поэтому вам все равно может понадобиться ваш хак ....

Answer 2

Как насчет

.answered-accepted strong {
  font-weight: normal;
}