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