Определение класса CSS в квадратных скобках

Итак, я видел этот класс CSS в библиотеке:

[text-uppercase] {
   text-transform: uppercase;
}

и я не уверен, как использовать его в div

<div class="text-uppercase | [text-uppercase]"></div>

Я пробовал оба, но ни один не работает. Я вижу это в ionic2.

6
css css-selectors

2 ответов

для работы селектора:
<div text-uppercase></div>

[text-uppercase] селектор соответствует атрибуту тега.

10

Это не класс, вы столкнулись с так называемой селектор атрибута. Он соответствует каждому элементу html, который имеет этот набор атрибутов, независимо от значения. Т. е. <section text-uppercase="true">, <div text-uppercase="something">, <nav text-uppercase>...

посмотрите на ссылку, приведенную выше для более продвинутых сценариев использования.

[text-uppercase] {
  text-transform: uppercase;
}
<span text-uppercase>hello</span>
7