[атрибут*="значение"] - [attr*='value'] » Новости мира Интернет
Исследование E-Promo Group: медиаинфляция в электронной коммерции за 2 квартал 2026 - «Новости мира Интернет»
Исследование E-Promo Group: медиаинфляция в электронной коммерции за 2 квартал 2026 - «Новости мира Интернет»
С 1 октября алгоритмы маркетплейсов станут прозрачнее для продавцов - «Новости мира Интернет»
С 1 октября алгоритмы маркетплейсов станут прозрачнее для продавцов - «Новости мира Интернет»
Новые правила публикации статей и начисления таймкармы в Комьюнити - «Новости мира Интернет»
Новые правила публикации статей и начисления таймкармы в Комьюнити - «Новости мира Интернет»
Команда Kandinsky научила нейросети «понимать» течение времени при генерации видео - «Новости мира Интернет»
Команда Kandinsky научила нейросети «понимать» течение времени при генерации видео - «Новости мира Интернет»
Маркетплейсам могут запретить устанавливать разные комиссии для российских и зарубежных продавцов - «Новости мира Интернет»
Маркетплейсам могут запретить устанавливать разные комиссии для российских и зарубежных продавцов - «Новости мира Интернет»
«Вернуться будет очень сложно»: CD Projekt Red объяснила, зачем выпускает ремастер The Witcher 3: Wild Hunt - «Новости сети»
«Вернуться будет очень сложно»: CD Projekt Red объяснила, зачем выпускает ремастер The Witcher 3: Wild Hunt - «Новости сети»
Micron создала планку DDR5 объёмом полтерабайта - «Новости сети»
Micron создала планку DDR5 объёмом полтерабайта - «Новости сети»
Agility Robotics представила робота Digit 5 — он замирает или приседает при виде человека, но так и задумано - «Новости сети»
Agility Robotics представила робота Digit 5 — он замирает или приседает при виде человека, но так и задумано - «Новости сети»
Ярче, точнее, быстрее: телевизор TCL 65C7L SQD-Mini LED получил подсветку нового поколения - «Новости сети»
Ярче, точнее, быстрее: телевизор TCL 65C7L SQD-Mini LED получил подсветку нового поколения - «Новости сети»
Первый орбитальный запуск мегаракеты SpaceX Starship запланирован на 22 сентября - «Новости сети»
Первый орбитальный запуск мегаракеты SpaceX Starship запланирован на 22 сентября - «Новости сети»
Новости мира Интернет » Справочник 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.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

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

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



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