Що таке Вибірка за атрибутом в CSS3?

Цей селектор вибере лише ті елементи, у яких будь-який атрибут дорівнюватиме заданому значенню. Наприклад, вибрати всі input, які мають атрибут type="text".Варто знати: можна застосовувати вибірку за атрибутом без вказівки тега або іншого селектора на початку. У такому разі стилі будуть застосовані до всіх елементів, які відповідатимуть атрибуту та його значенню.

Також можна вибирати елементи за атрибутом, без урахування їх значення. Наприклад:

div[data-title] {};

У цьому випадку буде застосовуватися стиль до всіх тегів div, які мають атрибут data-title. При цьому не важливе яке його значення.

a[target="_blank"]::after {
     content: ' ->';
     color: #ccc051;
}

 <a href="#" target="_blank">Target Black</a>
<br>
<a href="#">Звичайне посилання</a>