CSS селектори

CSS-селектори се збир од правила кои помагаат во одбирањето на одреден елемент или ознака во некој HTML-документ.
1 Список на CSS 2.1 селекториLearn Web Design - Jennifer Niederst Robbins ISBN 978-86-7555-334-2
Селектор, Тип на селектор, Опис
*, Универзален селектор, Одговара на сите елементи <code>* {font-family:serif;}</code>
A, Селектор на типот на елемнтот, Одговара на името на елементот <code>div {font-style:italic;}</code>
A, B, Групирани селектори, Одговара на елементите A и B <code>h1,h2,h3 {color:blue;}</code>
A B, Селектор на потомокот, Одговара на елементот B само ако B e потомок на A <code>blockquote em {color:red;}</code>
A>B, Селектор на дете, Одговара на секој елемент B кој е дете на елементот А <code>div.main>p {line-height: 1.5;}</code>
A+B, Селектор на брат, Одговара на секој елемент B кој е непосредно по било кој елемент А <code>p+ul {margin-top:0;}</code>
.classname A.classname, Селектор на класа, Одговара на вредностите на атрибутите на класата во сите елементи или во наведениот елемент <code> p.credits {font-size: 80%;} </code>#idname A#idname, Селектор на идентификатор, Одговара на вредноста на атрибутот „id“ во елементот <code>#intro {font-weight:bold;}</code>
A[att], Селектор на атрибут, Одговара на секој елемент A со дефиниран атрибут „att“ без разлика на неговата вредност <code> table[border] {background: white;}</code>
A[], Специјален селектор на атрибут, Одговара на секој елемент А на кој вредноста на атрибутот „att“ е „val“ <code>table[] {;}</code>
A[att~="val"], Специјален селектор на атрибут, Одговара на секој елемент А на кој вредноста на атрибутот „аtt“ е слична на „val“ <code>table[] {;}</code>
A[att&#124;="val"], Специјален селектор на атрибут, Одговара на секој елемент А на кој вредноста на атрибутот „att“ почнува или е еднаква на „val“ <code><a[lang&#124;="mk"] {background-image: url(mk_icon.png);}
A:link, Селектор на псевдокласа, Го дефинира стилот на сите непосетни врски во елементот А <code>a:link {color:blue;}</code>
A:visited, Селектор на псевдокласа, Го дефинира стилот на сите посетени врски во елементот А <code>a:visited {color:red;}</code>
A:active, Селектор на псевдокласа, Го дефинира стилот на елементот А кога тој е активен (корисникот кликнува на него) <code>a:active {margin-top:-2px;}</code>
A:focus, Селектор на псевдокласа, Го дефинира стилот на елементот А кога тој е фокусиран <code>a:focus {color:blue;}</code>
A:lang (xx), Селектор на псевдокласа, Го дефинира стилот на елементот на А кој одговара на ознаката на јазикот (две букви) <code>a:lang(mk) {color:green;}</code>
A:first-child, Селектор на псевдокласа, Го дефинира стилот на првото дете на елементот А во нормалниот тек на документот <code>p:first-child {line-height: 2em;}</code>
A:first-letter, Селектор на псевдоелемент, Го дефинира стилот на првата буква во елементот А <code>p:first-letter {font-size:4 em;}</code>
А:first-line, Селектор на псевдоелемент, Го дефинира стилот на првиот ред на елементот на А <code>p:first-line {background-color:green;}</code>
А:before, Селектор на псевдоелемент, Го вметнува текстот на почетокот на елементот А и го дефинира неговиот стил <code>p.intro:before {content:"почни од овде"; color:gray;}
А:after, Селектор на псевдоелемент, Го вметнува текстот на карјот на елементот А и го дефинира неговиот стил <code>p.intro:after {content:"заврши овде"; color:gray;}