llamar - Declaración de clase CSS entre corchetes

selector padre css

Question

Así que he visto esta clase de CSS en una biblioteca:

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

y no estoy seguro de cómo usarlo en un div

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

He intentado ambos, pero ninguno de los dos funciona. Estoy viendo esto en ionic2.

Answer 1

No es una clase, se encontró con un selector de atributos llamado. Coincide con todos los elementos html que tienen establecido ese atributo, sea cual sea el valor. Es decir <section text-uppercase="true"> , <div text-uppercase="something"> , <nav text-uppercase> ...

Mira la referencia proporcionada en el enlace de arriba para escenarios de uso más avanzados.

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

<span text-uppercase>hello</span>

Answer 2

Para que el selector funcione:
<div text-uppercase></div>

[text-uppercase] selector [text-uppercase] coincide con un atributo en una etiqueta.