CSS selector .intro
Селектор class обирає елемент, що має вказаний клас.
Синтаксис
.class {
css declarations;
}
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| class | 1 | 1 | 1 | 1 | 1 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Селектор .intro дивиться лише на клас — тег не важливий: жовтими стають і абзац, і div.
HTML
<p class="intro">Абзац із класом intro — жовтий.</p>
<div class="intro">І div із класом intro — жовтий.</div>
<p>Абзац без класу — без змін.</p>
CSS
.intro {
background-color: yellow;
}
Селектор p.intro вимагає і тег, і клас разом: div із тим самим класом уже не підходить.
HTML
<p class="intro">p із класом intro — червоний.</p>
<div class="intro">div із тим самим класом — без змін: селектор лише для p.</div>
CSS
p.intro {
background-color: red;
}
Коментарі
Коментарів ще немає — будьте першим!