CSS selector #news:target
Адреса у вигляді - "https://website.ua/forum#first" вказує на певний елемент на сторінці з ідентифікатором first (id="first"). Цей елемент називається цільовим.
Селектор :target обирає цей цільовий елемент.
Селектор :target використовується для задання стилю активному цільовому елементові.
Синтаксис
:target {
css declarations;
}Переглядачі
| Переглядач |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| target | 4 | 3.5 | 3.2 | 9.6 | 9 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Клацни посилання — адреса дістане якір #sec, і :target підсвітить елемент із цим id рамкою і тлом.
HTML
<p><a href="#sec">Перейди до розділу</a></p>
<h3 id="sec">Цільовий розділ</h3>CSS
:target {
border: 2px solid #D4D4D4;
background-color: #e5eecc;
}Коментарі
Коментарів ще немає — будьте першим!