[атрибут*="значение"] - [attr*='value'] » Новости мира Интернет
«Два миллиона печенек для двух миллионов из вас»: Capcom похвасталась ажиотажем вокруг Resident Evil Veronica - «Новости сети»
«Два миллиона печенек для двух миллионов из вас»: Capcom похвасталась ажиотажем вокруг Resident Evil Veronica - «Новости сети»
Бум ИИ взвинтил цены на медь к историческим максимумам - «Новости сети»
Бум ИИ взвинтил цены на медь к историческим максимумам - «Новости сети»
Единственный российский производитель телевизоров из реестра Минцифры обанкротился - «Новости сети»
Единственный российский производитель телевизоров из реестра Минцифры обанкротился - «Новости сети»
В приложениях Samsung Смарт-ТВ обнаружен SDK, продающий доступ к IP и пропускной способности сети владельца - «Новости сети»
В приложениях Samsung Смарт-ТВ обнаружен SDK, продающий доступ к IP и пропускной способности сети владельца - «Новости сети»
Samsung объяснила, почему Galaxy Z Fold 8 получил новый форм-фактор вместо универсального дизайна - «Новости сети»
Samsung объяснила, почему Galaxy Z Fold 8 получил новый форм-фактор вместо универсального дизайна - «Новости сети»
Mozilla тестирует новый дизайн браузера Firefox - «Новости мира Интернет»
Mozilla тестирует новый дизайн браузера Firefox - «Новости мира Интернет»
Autonomous выпустила NFC-ключ, который помогает меньше сидеть в соцсетях - «Новости мира Интернет»
Autonomous выпустила NFC-ключ, который помогает меньше сидеть в соцсетях - «Новости мира Интернет»
В навигаторе 2ГИС добавили возможность ориентироваться по маршруту без сигнала GPS - «Новости мира Интернет»
В навигаторе 2ГИС добавили возможность ориентироваться по маршруту без сигнала GPS - «Новости мира Интернет»
Google добавила в Gemini для Mac новые голосовые функции - «Новости мира Интернет»
Google добавила в Gemini для Mac новые голосовые функции - «Новости мира Интернет»
Google запускает проверку возраста для Android-приложений по всему миру - «Новости мира Интернет»
Google запускает проверку возраста для Android-приложений по всему миру - «Новости мира Интернет»
Новости мира Интернет » Справочник CSS » [атрибут*="значение"] - [attr*='value']
Internet Explorer Chrome Opera Safari Firefox Android iOS
7.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Возможны варианты, когда стиль следует применить к тегу с определённым атрибутом, когда частью его значения является некоторый текст. При этом точно не известно, в каком месте значения включен данный текст.;— в начале, середине или конце. В подобном случае следует использовать конструкцию *=. Она определяет, что значение атрибута содержит указанный текст.

Синтаксис

[атрибут*="значение"] { Описание правил стиля
E[атрибут*="значение"] { Описание правил стиля

Пример

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Селекторы атрибутов</title>
  <style>
   [href*="hs-design"] { 
    background: yellow; /* Желтый цвет фона */
   
  </style>
 </head>
 <body>
  <p><a href="https://print-prime.ru/html/">Теги HTML</a> | 
  <a href="http://stepbystep.print-prime.ru">Шаг за шагом</a> | 
  <a href="http://webthumb.ru">Графика для Веб</a></p>
 </body>
</html>

Результат данного примера показан на рис..;1. В примере.;показано изменение стиля ссылок, в атрибуте href которых встречается слово «htmlbook».

.;


Рис. 1. Изменение стиля для ссылок, в адресе которых встречается «htmlbook»


Internet Explorer Chrome Opera Safari Firefox Android iOS 7.0 1.0 3.5 1.0 1.0 1.0 1.0 Версии CSS CSS 1 CSS 2 CSS 2.1 CSS 3 Описание Возможны варианты, когда стиль следует применить к тегу с определённым атрибутом, когда частью его значения является некоторый текст. При этом точно не известно, в каком месте значения включен данный текст.;— в начале, середине или конце. В подобном случае следует использовать конструкцию *=. Она определяет, что значение атрибута содержит указанный текст. Синтаксис _

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Смотрите также

А что там на главной? )))



Комментарии )))