CSS приклад: Псевдокласс :target

Опис

Для переходу до вибраного фрагменту документа у адресі пишеться символ # та вказується ім'я ідентифікатора. Наприклад, у адресі http://www.w3.org/TR/css3-selectors/#target-pseudo відбувається перехід до елементу, атрибут id якого заданий як target-pseudo. Такий запис адреси називається "цільовим елементом". Псевдоклас :target застосовується до цільового елементу, іншими словами, до ідентифікатора, який вказаний у адресному рядку браузера.

Синтаксис

елемент:target { ... }

Значення

Немає.

Браузери

У Safari до версії 3.0 стильові правила не застосовуються, якщо користувач використовує навігацію у браузері (кнопки "Назад" і "Вперед").

Часті запитання

  • Q: Як використовувати псевдоклас :target в CSS?

    A: Псевдоклас :target використовується для стилізації елементу, на який посилається посилання з id у URL-адресі.

  • Q: Як визначити стилі для :target в CSS?

    A: Для визначення стилів для :target в CSS використовують селектор :target у поєднанні з ідентифікатором цільового елемента.

  • Q: Де можна використовувати псевдоклас :target в CSS?

    A: Псевдоклас :target можна використовувати для створення анімацій, внутрішніх посилань на веб-сторінці та інших інтерактивних ефектів.

  • Q: Як вибрати елемент, який є цільовим (:target) в CSS?

    A: Для вибору елемента, який є цільовим (:target), можна використати селектор :target у CSS.

  • Q: Чи підтримує браузер Internet Explorer псевдоклас :target в CSS?

    A: Internet Explorer не підтримує псевдоклас :target в CSS. Він підтримується в більшості сучасних браузерах, таких як Chrome, Firefox, Safari, Edge тощо.