CSS selector :not(p)


CSS селектор :not обирає всі елементри окрім тих, що містять всазаний селектор. Дозволено вказувати, як елементи, ідентифікатори, класи, так і інші селектори.

автор: NagarD

Синтаксис

:not(selector) {


    css declarations;


}

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft Internet Explorer
not 4 3.5 3.2 9.6 9

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

:not(p) обирає все, крім абзаців. Правило навмисно обмежене контейнером .wrap: без цього почервоніли б і body з html — :not збігається з чим завгодно.

HTML

<div class="wrap">
    <h2>Заголовок — червоний</h2>
    <p>Абзац — єдиний без тла.</p>
    <span>span — червоний.</span>
</div>

CSS

.wrap :not(p) {
    background: #ff0000;
}
автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід