CSS #id — вибірка за ідентифікатором
Цей селектор здійснює вибірку по ідентифікатору елемента.
автор: NagarD
Загальний опис
автор: NagarD
Синтаксис
#id {
css declarations;
}Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 1 | 3.5 | 12 | 3 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Селектор #firstname знаходить елемент за ідентифікатором — він у документа один.
HTML
<p id="firstname">Абзац з id="firstname" — жовтий.</p>
<p>Абзац без ідентифікатора — без змін.</p>CSS
#firstname {
background-color: yellow;
}Правило з id перебиває клас навіть тоді, коли клас написано нижче — у цьому й проблема.
HTML
<p id="lead" class="text">Цей абзац має і id, і клас.</p>
<p class="text">А цей — лише клас.</p>CSS
body { font: 16px/1.6 system-ui, sans-serif; }
/* вага 1,0,0 — перемагає, хоч написано вище */
#lead { color: #dc2626; }
/* вага 0,1,0 */
.text { color: #2563eb; }Коментарі
Коментарів ще немає — будьте першим!