Override CSS text-transform

Question

Sto usando il seguente codice CSS che trasforma tutto il testo in maiuscolo:

.taxtabs { 
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; 
font-size: .8em; 
width: inherit; 
text-align:center; 
text-transform: uppercase; 
border-collapse: collapse; 
} 

Ora quello che vorrei fare è quello di ignorare questa CSS e consentire certo testo sia in minuscolo. Come potrei farlo? Forse usando qualche tipo di CSS in linea? Grazie.

Answer 1

Probabilmente meglio creare una classe che non ha alcuna text-transform.

.normal { 
    text-transform: none; 
} 

<div class="taxtabs"> 
... <span class="normal">this text is not uppercase</span> ... 
</div> 

Answer 2

Forse aggiungere una nuova classe chiamata lowercase a selezionato .textabs in modo da poter definire qualcosa di simile:

.textabs.lowercase { text-transform: lowercase; } 

Answer 3

creare una classe per qualsiasi elementi che non vuoi innevate e messo text-transform: none !important; in esso. Non conosco il tuo layout, quindi ho messo il valore !important per buona misura (ad esempio se il tuo elemento aveva entrambe le classi texttabs e override).

.override { 
    text-transform: none !important; 
} 

Answer 4

Non sei sicuro di quello che vuoi fare

se desideri solo per rendere il testo ad essere minuscolo

basta aggiungere una nuova classe su di esso o ereditare sopra css

da

<label class="taxtabs">text</label> 

a

<label class="taxtabs lower">text</label> 
<style>.taxtabs.lower{text-transform: lowercase;}</style>