CSS же JavaScriptте селекторду кантип колдонуу керек…

CSS селекторлору HTML элементтерине стиль колдонуу үчүн көрсөтөт. JavaScriptте алар DOM элементтерин тандоо үчүн колдонулат.

Негизги CSS селекторлорунун түрлөрү:

Тип селектор: белгилүү бир типтеги бардык элементтерди тандоо.
```
div {
  /* бардык <div> үчүн стильдер */
}
```
Класс селектор: белгилүү бир класс менен элементтерди тандоо.
```
.my-class {
  /* "my-class" классы бар элементтер үчүн стильдер */
}
```
ID селектор: белгилүү бир ID менен элементти тандоо (уникалдуу болушу керек).
```
#my-id {
  /* "my-id" ID менен элемент үчүн стильдер */
}
```

Жалпы селектор: бардык элементтерди тандоо.

* {
  /* бардык элементтер үчүн стильдер */
}

Комбинаторлор: селекторлорду бириктирет.
- Түбөлүк ( ): div p - <div> ичиндеги бардык <p> элементтерин тандоо.
- Түз түбөлүк (>): div > p - <div> түздөн-түз балдары болгон <p> элементтерин тандоо.
- Жакынкы туугандар (+): h2 + p - <h2> кийинки биринчи <p>.
- Жалпы туугандар (~): h2 ~ p - <h2> кийинки бардык <p> элементтери.

JavaScriptте DOM элементтерин тандоо үчүн querySelector жана querySelectorAll методдору колдонулат.

querySelector: көрсөтүлгөн CSS селекторуна туура келген биринчи элементти кайтарат.
```
// "my-class" классы бар биринчи элементти тандоо
const element = document.querySelector('.my-class');
```
querySelectorAll: көрсөтүлгөн CSS селекторуна туура келген бардык элементтердин NodeList-ін кайтарат.
```
// бардык `<div>` элементтерин тандоо
const elements = document.querySelectorAll('div');
```

JavaScriptте колдонуу мисалы:

// ID аркылуу баскычты табуу
const myButton = document.querySelector('#my-button');

// Click иш-чарасын кошуу
if (myButton) {
  myButton.addEventListener('click', () => {
    alert('Баскыч басылды!');
  });
}

// "list-item" классы бар бардык элементтерди табуу
const listItems = document.querySelectorAll('.list-item');

// Ар бир элементтин текстин өзгөртүү
listItems.forEach(item => {
  item.textContent = 'Жаңыланган текст';
});

CSS селекторлору менен алардын JavaScript querySelector/querySelectorAll колдонулушу түздөн-түз байланышта. Ошондуктан, ошол CSS селекторлорду JavaScriptте да колдонсо болот.

CSS же JavaScriptте селекторду кантип колдонуу керек?