CSS селекторы

Синтаксис

Все стили CSS состоят из 3 частей: селектора, собственности и значения. Чтобы сохранить в соответствии с форматированием XHTML правил весь код CSS должны быть написаны в нижнем регистре.

CSS синтаксиса

• Selector: определяет, какие тэги HTML собираетесь получать правила CSS. Чтобы изменить стиль всех пунктов Вы можете написать p {property:value} .
• Недвижимость: Это стиль CSS вы хотите применить. Чтобы изменить цвет текста все пункты, вы можете написать p {color:value} .
• Значение: стоимость имущества. Чтобы сделать все пункт красным текстом вы можете написать p {color:red} .

CSS заявления может иметь более чем одно свойство: значение пары, разделив их точкой с запятой ; .

Несколько собственности: Соотношение пары

Свойства хочу вам представить хотя бы одно значение, но иногда могут принимать больше. Несколько значений может быть, разделенных пробелами, а это означает, что все значения используются для имущества. Или же они могут быть разделены запятыми это означает, что ряд ценностей, предлагается и используется первый применимым.

Разделенных пробелами значений

Над CSS заявлением использует все 3 значений оказать пунктах с 5 пикселей широкой красной каймой.

Значений, разделенных запятыми

Над CSS заявлением предлагает 3 шрифты, которые будут использоваться для пунктов, слева направо. В случае Verdana не доступна на компьютере пользователя, она будет пытаться использовать Arial, и если это не удается, слишком, он будет прибегать к общим без засечек шрифт.

Несколько селекторы

Вместо того чтобы писать тем же правилом CSS для каждого HTML тега вы свистеть, чтобы применить ее к, вы можете группировать селекторы вместе и разделите их запятыми. Это делает CSS код чрезвычайно компактный & эффективным.

Же стиле, что для каждого селектора (плохо)

Сборные селекторы (хорошо)

Контекстуальные селекторы

Если вы просто применить стили к пункту Selector, все пункты будут затронуты. Что делать, если вы хотите изменить только пунктами внутри элементов списка? В этом случае вам нужно Контекстуальные селекторы которые применяются только правила CSS Если тег происходит в определенном контексте. Контекстуальный селектор создается путем перечисления тегов вложенных в порядке, в котором они должны быть указаны в документе.

Контекстуальные селекторы

В приведенном выше примере только пункт элементами <p> внутри элементов списка <li> получить красный текст и только выделенный текст <em> в <h1> Рубрики становится серым фоном.

Комментариев

Иногда это может быть полезно, чтобы положить CSS комментариев рядом с некоторыми заявлениями, чтобы объяснить, что они делают. Эти замечания игнорировались веб-браузерами, но все еще добавить до окончательного размера файла (в отличие от Языки программирования таких как PHP, где комментарии не являются частью конечной продукции).

CSS комментарий

Совместимость браузера

Все современные браузеры поддерживают оба типа селектора поэтому вы можете смело использовать их. Есть и более передовые CSS селекторы, которые не все они поддерживаются браузеры, такие как Internet Explorer (см. шаблон здесь?). Они будут рассмотрены в CSS Advanced Tutorial.