CSS selector target="_blank"

Селектор [attribute=value] використовується для вибірки елементів із зазначенимим атрибутом і його, точним, значенням. Значення атрибута вказується точно, тобто, елемент з attribute="value full" та attribute="value-full" не будуть обрані.

правити

+ додати пораду чи нотатку

Синтаксис

[attribute |= value] {


    css declarations;


}[attribute = value] {


    css declarations;


}

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
attribute-value	4.0	2.0	3.1	9.6	7.0

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

<p><a href="/css/properties" target="_blank">target="_blank" — жовте</a></p>
<p><a href="/css/properties" target="_self">target="_self" — без змін</a></p>

a[target=_blank] {
    background-color: yellow;
}

<p>Клацни в поле — воно плавно розшириться:</p>
<input type="text" placeholder="Натисни сюди">

input[type=text] {
    width: 100px;
    transition: width .35s ease-in-out;
}

input[type=text]:focus {
    width: 250px;
}