Селекторы по атрибутам позволяют выбирать элементы по любым атрибутам, например, по атрибутам href, src, class и т.д., но чаще всего используются при работе с формами. Использование селекторов атрибутов в формах мы рассмотрим отдельно при изучении форм, а сейчас разберем эти селекторы на обычных элементах. 1. [attr] или div[attr] – выбор элементов с атрибутом attr (важно имя атрибута, а не значение). 2. [attr = ‘value’] - выбор элементов с атрибутом attr и значением value. 3. [attr^ = ‘value’] - выбор элементов по атрибуту attr со значением, которое начинается на value...

Специфика CSS - это про то, какие стили применяются к элементам: чем конкретнее селектор CSS, тем больше веса он имеет при определении стиля элемента. Возьмем следующий HTML и CSS в качестве примера: <article id="css-rocks"> ... </article> <style> #css-rocks { background-color: white; } article { background-color: black; } </style> Побеждает белый цвет, так как селектор id более специфичен и имеет больший вес. Существует пять основных уровней, которые определяют специфику стиля, от наименее специфического к наиболее специфичному: 1...