方括号中的CSS类声明

Question

所以我在库中看到了这个CSS类:

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

而且我不确定如何在一个中使用它 div

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

我试过了两个,但都没有工作.我在ionic2中看到了这一点.

Answer 1

要使选择器工作:
<div text-uppercase></div>

[text-uppercase] selector匹配标记上的属性.

Answer 2

它不是一个类,你遇到了一个所谓的属性选择器.它匹配具有该属性集的每个html元素,无论值是什么.即<section text-uppercase="true">,<div text-uppercase="something">,<nav text-uppercase>...

查看上面链接中提供的参考资料,了解更多高级使用方案.

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

<span text-uppercase>hello</span>