CSSте селектор деген эмне?

CSSте селектор — бул шаблон, ал кайсы HTML элементтерине стили колдонулушу керек экенин аныктайт. Ал браузерге кайсы бир нече элементтерди тандап алуу керектигин көрсөтөт.

Төрт түрдүү селекторлор бар:

Элементтер селекторлору (Type selectors): бардык HTML элементтеринин үлгүлөрүн тандайт:
```
p { /* Бардык параграфтарды тандоо */
  color: blue;
}
```

Класс селекторлору (Class selectors): белгилүү class атрибуту бар элементтерди тандоо:

.highlight { /* "highlight" классы бар бардык элементтерди тандоо */
  background-color: yellow;
}

ID селекторлору (ID selectors): белгилүү id атрибуту бар бир эле элементти тандоо:
```
#header { /* "header" id менен белгиленген элементти тандоо */
  font-size: 2em;
}
```

Жалпысынан селектор (Universal selector): бардык элементтерди тандоо:

* { /* барактагы бардык элементтерди тандоо */
  margin: 0;
  padding: 0;
}

Атрибут селекторлору (Attribute selectors): элементтерди алардын атрибуттарынын болушу же мааниси боюнча тандоо:
```
[type="text"] { /* type="text" болгон бардык input элементтерин тандоо */
  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`

Селекторлор биригип, так аныктоо үчүн колдонулушу мүмкүн.