CSS/Селекторы: различия между версиями
Содержимое удалено Содержимое добавлено
Oleg4280 (обсуждение | вклад) Нет описания правки |
Oleg4280 (обсуждение | вклад) Нет описания правки |
||
Строка 3:
<source lang="css">
body {
background-image: url("image.gif");
font-size: 18px;
Строка 10:
Где body — это селектор, background-image и font-size — это свойства, а url("image.gif") и 18px — значения.
Виды селекторов:
# Селектор тегов, в качестве селектора выступает имя тега, для которого необходимо изменить свойства.
# Универсальный селектор, который обозначается символом * и применяется для изменения необходимых свойств всех элементов на странице.
# Селектор class, который применяется для элементов с атрибутом class и необходимым значением.
# Селектор id, который применяется для элементов с атрибутом id и необходимым значением. Основное отличие классов от идентификаторов состоит в том, что имена вторых должны быть уникальными, не повторяться, что позволяет их использовать вместе со скриптами ([[Книга JavaScript|JavaScript]]).
# Псевдо-классы предназначены для изменения стиля существующих элементов страницы в зависимости от их динамического состояния, например при работе со [[CSS/Гиперссылки|ссылками]] (:link, :visited, :hover, :active, :focus).
# Псевдо-элементы определяют стиль элементов, чётко не определённых в структуре документа (:first-letter, :first-line), а также позволяют генерировать и стилизировать несуществующее содержимое (:before, :after и свойство content). В CSS3 псевдо-элементы начинаются с двух двоеточий :: (::first-letter, ::first-line, ::before, ::after).
# Селекторы атрибутов.
# Контекстные селекторы.
# Дочерние селекторы.
# Соседние селекторы.
# Родственные селекторы.
== Селектор class ==
| |||