Выберите все img, кроме тех, которые имеют определенный класс в CSS

Question

Как сделать заголовок без использования селектора :not или переопределения?

PS. Мне также любопытно, как я могу сделать это с помощью селектора :not. Я попробовал это, но не сработало:

#div1 #div2 img:not[.c1]{ ... }

Answer 1

Селектор: not () поддерживается только современными браузерами (Firefox, Safari и Opera),: not (IE).

img:not(.myimage) {…}

Выбирает все элементы изображения, которые не имеют класса.myimage

Надеюсь, это поможет.

Answer 2

Если вы не хотите использовать :not, вы можете использовать:

#div1 #div2 img { /* things that apply to :not(.c1) */ }
#div1 #div2 img.c1 { /* adjustments for .c1 */ }

Ваш синтаксис для :not немного отключен. Из тонкой инструкции :

Псевдокласс отрицания, :not(X), является функциональной нотацией, принимающей простой селектор (исключая сам псевдокласс отрицания) в качестве аргумента. Он представляет элемент, который не представлен своим аргументом.

Селектор класса - это простой селектор , поэтому он должен работать:

#div1 #div2 img:not(.c1) { ... }

Answer 3

Работает с (), а не с [].Проверьте этот пример:

<div id="1d" class="blue"></div>
<div id="2d" class="blue"></div>
<p id="3d" class="blue"></p>

и css

.blue:not(p) {
width: 100px;
height: 100px;
background-color: blue;
margin: 5px;

}

jsfiddle