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