inuasparwil.ru

Навіщо потрібен псевдоклас target в css3.

Відео: CSS3 для початківців | # 16 Псевдо-елементи

Навіщо потрібен псевдоклас target в CSS3.

В CSS3 з`явилося багато нового, і сьогодні ми розберемо один з нових псевдокласів - target.

Target з англійської перекладається як "мета"І це не просто так. Справа в тому, що даний псевдоклас застосовує якісь стилі до елементу, на який посилаються. Пояснювати це просто так немає сенсу, краще подивимося відразу на приклад.

Наприклад, у нас є такий HTML код:

id="Id1"gt;Якийсь текст


Тепер ми можемо послатися на даний елемент з рядка запиту

Відео: Верстка веб-сторінок, HTML шаблонів, макетів і сайтів: від основ CSS для початківців до "нових" можливостей CSS3

http: //site.local/#id1




Таким чином ми зможемо перейти до даного елементу.

Тепер розглянемо приклад з псевдоклас target.

href="# Id1"gt;Посилання

id="Id1"gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore dignissimos odio eius, delectus autem facilis sunt vero ex, eum tempore excepturi harum voluptatem corporis modi, ducimus quam ab. Ipsa, officia.
І пропишемо для даного елемента стилі div p:target { color: green-}

Тепер, при кліці по посиланню, текст в параграфі стане зеленого кольору, тому що ви почнете на нього посилатися.

Отже, ось такий простий псевдоклас target в CSS3, однак, він дозволяє робити дуже круті речі. Одну з таких ми розберемо в наступній статті.

Дякую за увагу і удачі!

Поділися в соціальних мережах:

Схожі
Красиві таби на jquery.Красиві таби на jquery.
Як притиснути футер до нижньої межі сторінки (позиціонування).Як притиснути футер до нижньої межі сторінки (позиціонування).
Як зробити просту навігацію на html5 і css3.Як зробити просту навігацію на html5 і css3.
Багатоколоночних текст на css3.Багатоколоночних текст на css3.
Чи потрібно зараз використовувати html5 і css3Чи потрібно зараз використовувати html5 і css3
Як зробити індикатор прокрутки на css3.Як зробити індикатор прокрутки на css3.
Як зробити слайдер на чистому css3 без використання jаvascript.Як зробити слайдер на чистому css3 без використання jаvascript.
Вийшов курс "html5 і css3 з нуля до гуру"Вийшов курс "html5 і css3 з нуля до гуру"
Як притиснути футер до низу сторінки (табличний спосіб).Як притиснути футер до низу сторінки (табличний спосіб).
Псевдокласи css3 - only-child і only-of-type.Псевдокласи css3 - only-child і only-of-type.
» » Навіщо потрібен псевдоклас target в css3.