CSS selector a[href*="w3schools"]
Селектор [attribute*=value] потрібен для обрання елементів з визначенним атрибутом і зазначеним вмістом
Синтаксис
attribute *= value {
css declarations;
}Переглядачі
| Переглядач |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| attribute-value-contain | 4.0 | 3.5 | 3.2 | 9.6 | 7.0 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Селектор *= шукає підрядок будь-де у значенні: "mytest" містить "test", а "team" — ні.
HTML
<div class="mytest">class="mytest" — жовтий: містить "test"</div>
<div class="team">class="team" — без змін</div>CSS
div[class*="test"] {
background: #ffff00;
}Без імені тега селектор *= зачіпає будь-який елемент, у чиєму class трапляється "test" — хай навіть усередині іншого слова.
HTML
<p class="latest-news">p із class="latest-news" — жовтий: "test" усередині "latest"</p>
<div class="contest">div із class="contest" — жовтий</div>
<div class="news">class="news" — без змін</div>CSS
[class*="test"] {
background: #ffff00;
}Коментарі
Коментарів ще немає — будьте першим!