CSS
Структура и форматирование правила CSS
Поиск…
замечания
Для удобства чтения сохраняйте все декларации с отступом на один уровень от их селектора и закрывающей фигурной скобкой на своей собственной линии. Добавьте одно место после селекторов и двоеточий и всегда помещайте точку с запятой после окончательной декларации.
Хорошо
p {
color: maroon;
font-size: 16px;
}
Плохой
p{
color: maroon;
font-size:16px }
Один лайнер
Если есть только одно или два объявления, вы можете уйти с этим. Не рекомендуется для большинства случаев. Всегда будьте последовательными, когда это возможно.
p { color: maroon; font-size: 16px; }
Правила, селекторы и блоки объявлений
Правило CSS состоит из селектора (например, h1 ) и блока объявлений ( {} ).
h1 {}
Списки свойств
Некоторые свойства могут принимать несколько значений, которые все вместе называются списком свойств .
/* Two values in this property list */
span {
text-shadow: yellow 0 0 3px, green 4px 4px 10px;
}
/* Alternate Formatting */
span {
text-shadow:
yellow 0 0 3px,
green 4px 4px 10px;
}
Несколько селекторов
Когда вы группируете селектор CSS, вы применяете одни и те же стили к нескольким различным элементам, не повторяя стили в таблице стилей. Используйте запятую для разделения нескольких сгруппированных селекторов.
div, p { color: blue }
Таким образом, синий цвет применяется ко всем элементам <div> и всем элементам <p> . Без запятой только <p> элементы, являющиеся дочерним элементом <div> , будут красными.
Это также относится ко всем типам селекторов.
p, .blue, #first, div span{ color : blue }
Это правило применяется к:
-
<p> - элементы
blueкласса - элемент с идентификатором
first - каждый
<span>внутри<div>