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

What does a CSS selector in square brackets select in HTML?(方括号中的 CSS 选择器在 HTML 中选择什么?)

问题描述

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

So I have seen this CSS rule-set in a library:

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

我不确定如何在 div

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

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

I have tried both, but neither are working. I am seeing this in ionic2.

推荐答案

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

[text-uppercase] 选择器匹配标签上的属性.

[text-uppercase] selector matches an attribute on a tag.

这篇关于方括号中的 CSS 选择器在 HTML 中选择什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！