|
Универсальный селектор соответствует любому элементу и представляется символом звёздочка (*). Стилевое определение в примере задаёт красный цвет текста и увеличенный на четверть размер шрифта для всех элементов HTML. |
Файл style.css
*
{
color:red;
font-size:125%;
}
|
Файл index.htm
<HTML> <BODY> <P> Текст <EM>первого</EM> абзаца. <P> Текст второго абзаца. <P> Текст третьего абзаца. </BODY> </HTML> |
Вероятно, результат вас немного удивил — шрифт оказался
крупнее, чем вы ожидали, а в элементе EM
его размер оказался на четверть больше, чем в абзацах.
Дело в том, что указания в свойствах color и
font-size передаются по наследству от родителя к потомку.
С цветом текста всё ясно: если для HTML или
BODY задать color:red, то все элементы
(все их потомки) будут иметь текст красного цвета. Рассмотрим подробнее,
что происходит с размером шрифта.
Универсальный селектор связывает увеличение размера шрифта на
четверть с каждым элементом. Пусть по умолчанию браузер выводит
текст размером в 12 пунктов. Стилевое указание примера применённое к
HTML означает увелечение размера шрифта внутри
этого элемента до 15 пунктов (12·1.25), внутри
BODY шрифт увеличивается до
18.75 (15·1.25), внутри P —
до 23.44 (18.75·1.25), наконец, внутри EM,
который вложен в P, —
до 29.3 пунктов (23.44·1.25).
Наследуются не все свойства, в описаниях CSS и соответствующих справочниках факт наследования обязательно отмечается.
