Ի՞նչ է CSS-ում սելեկտորը։

CSS- ում սելեկտորը — դա ձևանմուշ է, որը որոշում է, թե որ HTML տարրերին են կիրառվում ոճերը: Այն ցույց է տալիս բրաուզերին, թե որ մեկ կամ մի քանի տարրեր պետք է ընտրվեն:

Տարբեր տեսակի սելեկտորներ կան:

Տիպային սելեկտորներ (Type selectors): ընտրում են HTML տարրերի բոլոր օրինակները:
```
p { /* Ընտրում է բոլոր պարբերականները */
  color: blue;
}
```

Կլասային սելեկտորներ (Class selectors): ընտրում են տարրեր որոշակի classատրիբուտով:

.highlight { /* Ընտրում է բոլոր տարրերը, որոնց դասը "highlight" է */
  background-color: yellow;
}

ID սելեկտորներ (ID selectors): ընտրում է միայն մեկ տարր, որի id-ն համապատասխան է:
```
#header { /* Ընտրում է id-ով "header" տարր */
  font-size: 2em;
}
```

Անվանական սելեկտոր (Universal selector): ընտրում է բոլոր տարրերը:

* { /* Ընտրում է բոլոր տարրերը էջում */
  margin: 0;
  padding: 0;
}

Ատրիբուտային սելեկտորներ (Attribute selectors): ընտրում են տարրեր ըստ դրանց առկայության կամ արժեքի:
```
[type="text"] { /* Ընտրում է բոլոր input-ները, որոնց type="text" է */
  border: 1px solid gray;
}
```

Պսևդոկլասներ (Pseudo-classes): ընտրում են տարրեր ըստ նրանց վիճակի:

a:hover { /* Ընտրում է հղումը, երբ մկնիկը հարվածում է */
  text-decoration: underline;
}

Պսևդո-մեկնաբանություններ (Pseudo-elements): ընտրում են որոշակի մասեր կամ ստեղծում "կեղծ" տարրեր:
```
p::first-line { /* Ընտրում է առաջին տողը */
  font-weight: bold;
}
```

Կոմբինատորներ (Combinators): սահմանում են հարաբերություններ սելեկտորների միջև:

Կոմբինատոր	Նկարագրություն	Օրինակ
Բացատ ( )	Որդական սելեկտոր (Descendant selector)	`div p`
`>`	Երեխա սելեկտոր (Child selector)	`div > p`
`+`	հարևան տարրերի սելեկտոր (Adjacent sibling selector)	`h1 + p`
`~`	Ընդհանուր հարևանների սելեկտոր (General sibling selector)	`h1 ~ p`

Սելեկտորները կարող են համակցվել ավելի ճշգրիտ տարրեր ընտրելու համար։