Иногда требуется
установить одновременно один стиль для всех элементов веб-страницы,
например, задать шрифт или начертание текста. В этом случае
поможет универсальный селектор, который соответствует любому
элементу веб-страницы.
Для обозначения универсального селектора
применяется символ звездочки (*) и в общем случае синтаксис
будет следующий.
* { Описание правил стиля }
В некоторых случаях указывать универсальный
селектор не обязательно. Так, например, записи *.class и .class
являются идентичными по своему результату.
В примере показано одно из возможных
приложений универсального селектора — выбор шрифта и размера
текста для всех элементов документа.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1251">
<title>Универсальный селектор</title>
<style type="text/css">
* {
font-family: Aral, Verdana, sans-serif; /* Рубленый шрифт
для текста */
font-size: 96%; /* Размер текста */
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore
magna aliguam erat volutpat.</p>
</body>
</html>
Заметим, что аналогичный результат
можно получить, если в данном примере поменять селектор *
на BODY.
Вообще, этот тип селекторов применяется
в основном в структурных языках вроде XML, для обозначения
имен элементов, которые в стилях не известны.
|
