CSS

Селекторы элементов

Чаще всего, но не всегда, селектор – это элемент HTML. Например, если CSS-файл содержит стили для XML-документа, селектор может выглядеть примерно так:

QUOTE {color: gray;}
BIB {color: red;}
BOOKTITLE {color: purple;}
MYElement {color: red;}


Иначе говоря, элементы документа играют роль базовых селекторов. В XML селектором может быть все что угодно, поскольку XML разрешает создание новых языков разметки, в которых в качестве имени элемента может выступать практически любая последовательность символов. С другой стороны, если вы создаете стили для HTML-документа, селектором обычно будет один из элементов HTML, например p, h3, em, a или даже html. Например:

html {color: black;}
h1 {color: gray;}
h2 {color: silver;}


Применив глобальные правила к элементам, можно переносить стили с одного элемента на другой. Допустим серым должен быть текст абзаца, а не заголовок h1. Без проблем. Просто меняем селектор h1 на p:

html {color: black;}
p {color: gray;}
h2 {color: silver;}
Теги:
Селекторы
Добавлено: 17 Июля 2018 08:12:50 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...