Возьмем эти три селектора, отсортированные с наивысшей специфичностью до самого низкого:
.special-section p { }
.weird-font { }
p { }
Многие гуру CSS рекомендуют против вложенности, как в первом селекторе .special-section p
, потому что его специфика достаточно высока, что вы не можете переопределить его простым классом типа .weird-font
. Я хотел бы найти способ по-прежнему достичь вложенности, как в .special-section p
, но без увеличения специфики. Что-то вроде этого:
.weird-font { }
.special-section p /* with hack to decrease specificity */ { }
p { }
Случай использования:
Это довольно безопасно применять умолчания для типографики и такого документа, используя простые селектора, такие как p
. Тем не менее, я хотел бы изменить эти значения по умолчанию для определенного раздела, похожие на .special-section p
, без необходимости использовать хаки для увеличения специфичности селекторов типа .weird-font
. Я предпочел бы использовать хак, чтобы уменьшить специфичность .special-section p
, чем использовать взломать, чтобы повысить специфичность .weird-font
. Есть ли способ сделать это?