方括号中的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]选择器匹配标记上的属性。

Answer 2

它不是一个班级，你遇到了一个所谓的 attribute selector 。 它匹配具有该属性集的每个html元素，无论值是什么。即<section text-uppercase="true">，<div text-uppercase="something">，<nav text-uppercase> ...

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

＆＃13;

＆＃13;

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

＆＃13;

<span text-uppercase>hello</span>

＆＃13;

＆＃13;

＆＃13;