Skip to main content

Який пріоритет у селектора ID?

CSSJunior~1 хв читання
Запропонувати правку

Селектор ID має дуже високий пріоритет, він стоїть вище за селектори за класом і за тегом, але нижче, ніж inline-стилі та !important.

Якщо виражати через формулу специфічності [a, b, c, d], то ID дає 1 бал у розряд b, тобто:

javascript
#header → [0, 1, 0, 0] .class → [0, 0, 1, 0] div → [0, 0, 0, 1]

Підсумок за пріоритетом селекторів (згори вниз)

  1. !important
  2. inline-стилі (style="")
  3. селектори за ID (#id)
  4. селектори за класом, атрибутом, псевдокласом
  5. селектори за тегом
  6. типові стилі браузера

Таким чином, ID-селектор має один з найвищих пріоритетів серед звичайних CSS-селекторів і майже завжди «перемагає» клас і тег, якщо вони конфліктують.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку