CSS селекторы
Универсальный селектор
Универсальные селекторы CSS выбирают элементы любого типа на странице HTML. Это соответствует одному элементу. Звездочка (то есть "*") используется для обозначения универсального селектора CSS . За звездочкой также может следовать селектор. Это полезно, когда вы хотите установить стиль для всех элементов HTML-страницы или для всех элементов в элементе HTML-страницы.
синтаксис:
* {CSS-Property: value; ........................} Простой пример CSS универсальных селекторов
Код CSS:
* {
color: blue; /* color of all the elements should be blue */
background: silver; /* silver background is set for all the elements */
}HTML код:
<!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=iso-8859-1">
<title>Simple Example of CSS universal selectors </title>
<link rel='stylesheet' href='simple-example-of-CSS-universal-selectors.css' type='text/css'>
</head>
<body>
<h1>Example of CSS.</h2>
<h2>Example of grouping of CSS universal selectors.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a urna elit. Integer malesuada tempus enim nec rhoncus.</p>
</body>
</html>
Результат:
Посмотрите этот простой пример универсального селектора CSS в отдельном окне браузера.
Код CSS:
*[lang=fr]{color:blue;} /* sets color blue */HTML код:
<!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=iso-8859-1">
<title>Advanced Example of CSS universal selectors</title>
<link rel='stylesheet' href='advanced-example-of-CSS-universal-selectors.css' type='text/css'>
</head>
<body>
<p>This paragraph is in english.</p>
<p lang="fr">Ce paragraphe est en français.</p>
</body>
</html>
Результат:
Этот параграф на английском.
Ce paragraphe est en français.
Посмотрите этот расширенный пример универсального селектора CSS в отдельном окне браузера.
Предыдущая: Группировка CSS-селекторов
Далее: Селекторы типа CSS
Новый контент: Composer: менеджер зависимостей для PHP , R программирования