Селектор CSS, когда элемент не имеет класса
Я пытаюсь настроить таргетинг на все экземпляры тега h, но только если у него нет класса.
Например:
<h1 class = "class1">First</h1>
<h1 class = "class2">Second</h1>
<h1>Third</h1>
В этом случае я хочу настроить таргетинг только на Третий, но не на остальные - я нашел ответ (Есть ли селектор CSS для элемента без какого-либо класса?), который ссылался на селектор [class=""] , но, похоже, он работает только с:
<h1 class = "">Third</h1>
Нецелесообразно просматривать и перечислять все экземпляры классов, а затем ссылаться на них, используя :not, так есть ли другой способ?
Я согласен с тем, что это усугубляется использованием !important и т. д. в текущем CSS для некоторых классов h1, но я унаследовал это, и у меня нет возможности начать с нуля.
Если у вас есть !important в существующем css и вы не можете от него избавиться, у вас нет другого выбора, кроме как поместить !important в свой собственный css, И убедиться, что ваша таблица стилей включена после существующей.
Если вы посмотрите внимательно, ответ там показывает, как это работает, когда класса вообще нет, а также что требуется, когда есть пустой атрибут класса.
Ответы 1
if you use h1: not ([class]) this tag search all.
Если их много !important, вы должны использовать его в новом css, и этот новый css поместит его в конец всех .css
Example:
<h1 class = "class1">First</h1>
<h1>Second</h1>
<h1>Third</h1>
h1:not([class]) {
color: red;
}
:not([class]), [class='']???