方括号中的CSS选择器在HTML中选择什么?

方括号中的CSS选择器在HTML中选择什么?,css,css-selectors,Css,Css Selectors,我在一个库中看到了这个CSS规则集: [text-uppercase] { text-transform: uppercase; } 我不知道如何在div中使用它 <div class="text-uppercase | [text-uppercase]"></div> 我两个都试过了,但都不起作用。我在ionic2中看到了这一点。对于选择器的工作: [文本大写]选择器匹配标记上的属性。它不是类,您遇到了所谓的。 它匹配已设置该属性的每个html元素,不管

我在一个库中看到了这个CSS规则集:

[text-uppercase] {
   text-transform: uppercase;
}
我不知道如何在
div中使用它

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


我两个都试过了,但都不起作用。我在ionic2中看到了这一点。

对于选择器的工作:


[文本大写]
选择器匹配标记上的属性。

它不是类,您遇到了所谓的。 它匹配已设置该属性的每个html元素,不管值是什么。例如,

查看上面链接中提供的参考,了解更高级的使用场景

[文本大写]{
文本转换:大写;
}

hello
查看此链接了解更多信息