Cелекторы

Селекторы

 

селекторы CSS Элементы дескрипторов (тегов), задаваемые в начале определения листов стилей;

эти элементы передают браузеру, где применить стиль. Стоящее после селектора определение стиля заключается в фигурные скобки.

 

 

Селекторы

Пример: где селектор -  BODY:

   body {  Селекторы color: blue}

 

Несколько селекторов можно группировать вместе, отделив их друг от друга запятыми:

   h1, p, h2{font-size: 12px}

Используя селекторы классов, можно к одному и тому же дескриптору применять разные стили. После общего селектора следуют точка и имя класса, и стиль применяется тому дескриптору, чей атрибут CLASS соответствует этому имени. В следующем примере стиль применяется ко всем дескрипторам H2, у которых атрибут CLASS равен "star":

Пример: где стиль применим ко всем тегам H2, у которых атрибут CLASS - 

   h2.star {background-color: bule}
   <h2 class="star"> заголовок имеет синий фон</h2>

Селекторы  в css

Селекторы также можно определять с помощью атрибута id, используя для этого символ #. 

Пример: 

   #id {border-color: red}

Селектор A[att] соответствует любому элементу А, у которого задан определенный атрибут, не зависимо от его значения (не работает в IE).

   table[border]border:1px solid red;}

Селектор A[att=”val”] соответствует любому элементу А, определенный атрибут которого имеет заданное значение (не работает в IE).

   input[type=”submit”] {background-color :red;}

Селектор А[lang|=”val”] соответствует любому элементу А, который имеет заданное значение в качестве одного из значений атрибута lang (не работает в IE).

   P[lang|=”en”]{text-align:left;}