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