Атрибут номи бўйича селектор

Атрибут номи бўйича селектор фақат кўрсатилган атрибут теги мавжуд бўлган элементга стилни белгилайди.

Мисол

<input> тегига, type атрибути билан мурожаат қилайлик ва унга кўк рангли орқа фон берайлик:

html<p>
  <label>Матн киритинг</label>
  <input>
</p>
<p>
  <label>Сон киритинг</label>
  <input type="number">
</p>
cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

Шунингдек қаранг

  • атрибут селектори,
    атрибут қиймати бўйича элементни изловчи
  • атрибут селектори,
    атрибут қийматининг боши бўйича элементни изловчи
  • атрибут селектори,
    атрибут қийматининг охири бўйича элементни изловчи
  • атрибут селектори,
    атрибут қийматидаги матн бўйича элементни изловчи
  • атрибут селектори,
    атрибут қийматларининг бири бўйича элементни изловчи
  • атрибут селектори,
    атрибут қийматидаги дефис бўйича элементни изловчи
  • Фарзанд селектори,
    бевосита воҳилик бўйича элементларни танлаш имконини берадиган
  • Контекстли селектор,
    ота-онаси бўйича элементни танлаш имконини берадиган
  • Қўшни селектор,
    қўшниси бўйича элементни танлаш имконини берадиган
  • Қариндош селектор,
    белгилангандан кейинги элементларни танлаш имконини берадиган
  • Универсал селектор,
    барча элементларни танлаш имконини берадиган