Skip to content

пріоритети стилів або ієрархія в CSS

Питання на засипку:
Якого кольору буде текст? якщо:

а ось кий він буде: приклад

Чому так?
А тому що в CSS виставляються свої пріоритети на кожен айдішник, клас або елемент.

Отже, перейдемо до чисел.

звичайний елемент (p, div, span):1
класи (.text_class, .something):10
ідентифікатор (#text_id):100
рядковий стиль (style=”color:red”):1000

вимірюється цей рейтинг (як каже мануал) в поінтах (points).

тобто, якщо ми опишемо такий стиль:

то він буде мати рейтинг 1+10=11

Зрозуміло, що стиль описаний з найвищим рейтингом відображається на моніторі, а з найменшим ігнорується.

2 Comments

  1. Так, специфічність це важлива штука, яку знають далеко не всі хто знайшомий з css.. єдине ще забув сказати за !important який все перебиває

  2. Тарас Тарас

    Корисний пост. Дякую 🙂

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *