Codebra
25 января 2026 в 18:16

Урок 9. Селекторы атрибутов (по конкретному значению) в CSS

Выбираем селекторы атрибутов по конкретному значению. Практика и теория по CSS на Codebra.
📝

Внимание! На этой странице вы найдете материал урока из архивного курса по CSS. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.

Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.

Полный список уроков доступен по тегу Архивный курс по CSS и на странице первого урока.

📋 Задание
  • Сделайте цвет текста ссылок красным, которые введут на страницу /test_1.

Для того, чтобы более уменьшить выбор, можно выбирать по определенным атрибутам с определенным значением. Например, можно выделить те ссылки красным цветом, которые откроются в новом окне (атрибут target со значением _blank). Это показано в первом примере.

a[target="_blank"] {
    color: red;
}
💡 Примечание

Между a и [ нет пробела! Обратите на это внимание!

💡 Примечание

Не забывайте использовать кавычки!

📝

Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу CSS.