Поиск…


замечания

Для удобства чтения сохраняйте все декларации с отступом на один уровень от их селектора и закрывающей фигурной скобкой на своей собственной линии. Добавьте одно место после селекторов и двоеточий и всегда помещайте точку с запятой после окончательной декларации.

Хорошо

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>


Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow