Селектор атрибута
Мы добавили внизу страницы подвал со ссылкой на источник нашего текста и ссылкой обратно к началу страницы. Первая ссылка открывается в новой вкладке, потому что у неё есть атрибут target="_blank":
<footer>
<p>Источник: <a href="https://en.wikipedia.org/wiki/Cat" target="_blank">Википедия</a></p>
<p><a href="#title">Наверх</a></p>
</footer>Элементы можно выбирать и по их атрибутам. Селектор атрибута записывается в квадратных скобках:
[target]выбирает элементы с атрибутомtargetс любым значением,[target="_blank"]выбирает элементы, у которых атрибутtargetимеет в точности значение_blank.
Прямо перед скобками можно написать селектор типа: a[target="_blank"] выбирает элементы a с атрибутом target="_blank", то есть ссылки, которые открываются в новой вкладке. Посетителям полезно знать о таких ссылках, поэтому давайте сделаем их внешне другими.
Задание
- 1
Создайте правило для
a[target="_blank"]с курсивом:font-style: italic. Ссылка на «Википедию» станет курсивной, а ссылка наверх останется прежней.