Селектори типу

Селектор типу CSS дає збіг з елементами за назвою їх вузла. Іншими словами, він вибирає всі елементи даного типу всередині документа.

/* Усі елементи <a>. */
a {
  color: red;
}

Селектори типу можуть бути обмежені простором імен за допомогою @namespace. Це корисно при роботі з документами, що містять кілька просторів імен, таких як HTML з вбудованим SVG або MathML, або XML, що поєднує кілька словників.

• ns|h1 – дає збіг з елементами <h1> в просторі імен ns
• *|h1 – дає збіг з усіма елементами <h1>
• |h1 – дає збіг з усіма елементами <h1>, які не належать до простору імен

Синтаксис

element { style properties }

Приклади

CSS

span {
  background-color: skyblue;
}

HTML

<span>Ось span, що містить текст.</span>
<p>Ось p, що містить текст.</p>
<span>Ось span, що містить ще трохи тексту.</span>

Результат

Простори імен

У цьому прикладі селектор дає збіг лише з елементами <h1> у просторі імен example.

@namespace example url(http://www.example.com);
example|h1 {
  color: blue;
}

Специфікації

Сумісність із браузерами

Дивіться також

• Селектори CSS
• Вивчаймо CSS – Селектори