CSS selector a[href^="https"]


Селектор [attribute^=value< потрібен для вибірки елементів у котрих значення атрибута починаєтсья визначеним рядком.

автор: NagarD

Синтаксис

attribute ^= value {


    css declarations;


}

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft Internet Explorer
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;
}
автор: NagarD

Той самий селектор без імені тега працює для будь-якого елемента, чий 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;
}
автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід