Difference between revisions 86160 and 86252 on ruwikibooks

{{К быстрому удалению|пусто}}db-fork|Каскадные таблицы стилей/Селектор}}

== Виды селекторов ==
Селекторы правила CSS могут быть
* селекторами элементов;
<source lang="css">p {font-family: Garamond, serif;}</source>
* селекторами классов;
<source lang="css">.note {color: red; background: yellow; font-weight: bold;}</source>
* селекторами идентификаторов;
<source lang="css">#paragraph1 {margin: 0;} </source>
* селекторами атрибутов;
<source lang="css"> a[href="http://www.somesite.com"]{font-weight:bold;} </source>
* селекторами потомков (контекстными селекторами);
<source lang="css">div#paragraph1 p.note {color: red;}</source>
* селекторами дочерних элементов;
<source lang="css">p.note > b {color: green;}</source>
* селекторами сестринских элементов;
<source lang="css">h1 + p {font-size: 24pt;} </source> 
* селекторами псевдоклассов;
<source lang="css">a:active {color:yellow;}</source>
* селекторами псевдоэлементов.
<source lang="css">p::first-letter {font-size: 32px;}</source>
* Также в CSS существует так называемый ''универсальный селектор'', обозначающий любой элемент, встречающийся в документе. Например, <code>*</code> {color:red;}. Перед любым селектором, задающим класс или идентификатор, можно поставить знак универсального селектора, в результате получится эквивалентное выражение, например, .first {...} и <code>*</code>.first {...} имеют один и тот же смысл.