CSS selector a[href*="w3schools"]
Селектор [attribute*=value] потрібен для обрання елементів з визначенним атрибутом і зазначеним вмістом
Синтаксис
attribute *= value {
css declarations;
}Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 3 | 9 | 12 | 7 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Селектор *= шукає підрядок будь-де у значенні: "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;
}Коментарі
Коментарів ще немає — будьте першим!