Настройка элемента в CSS через aria-label?

В CSS всегда элемент находят через классы.

.contentSpacing.main-entityHeader-container {
margin-left: 10px;
}

Но возможно ли как то настраивать элемент в CSS через aria-label? Если да, то как?


Ответы (1 шт):

Автор решения: Oliver Patterson

Есть отличная "справка" по селекторам атрибутов. Ссылочка: Селекторы атрибутов | MDN

  • [attr] Обозначает элемент с атрибутом по имени attr.
  • [attr=value] Обозначает элемент с именем атрибута attr и значением в точности совпадающим с value.
  • [attr~=value] Обозначает элемент с именем атрибута attr значением которого является набор слов разделённых пробелами, одно из которых в точности равно value
  • [attr|=value] Обозначает элемент с именем атрибута attr. Его значение при этом может быть или в точности равно "value" или может начинаться с "value" со сразу же следующим "-" (U+002D). Это может быть использовано когда язык описывается с подходом.
  • [attr^=value] Обозначает элемент с именем атрибута attr значение которого начинается с "value"
  • [attr$=value] Обозначает элемент с именем атрибута attr чьё значение заканчивается на "value"
  • [attr*=value] Обозначает элемент с именем атрибута attr чьё значение содержит по крайней мере одно вхождение строки "value" как подстроки.
→ Ссылка