Переопределить текстовое преобразование CSS

Я использую следующий CSS, который преобразует весь текст в верхний регистр:

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

Теперь то, что я хотел бы сделать, это переопределить этот CSS и позволить определенному тексту быть строчным. Как мне это сделать? Возможно, используя какой-то встроенный CSS? Спасибо.

Ответы

Ответ 1

Возможно, лучше создать класс, который не имеет текстового преобразования.

.normal {
    text-transform: none;
}

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

Ответ 2

Создайте класс для любых элементов, которые вы не хотите закрывать, и поместите text-transform: none !important; в него. Я не знаю вашего макета, поэтому я положил !important для хорошей меры (например, если у вашего элемента были классы texttabs и override).

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

Ответ 3

Возможно, добавьте новый класс под названием lowercase в выбранный .textabs, чтобы вы могли определить что-то вроде этого:

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

Ответ 4

Не уверен, что вы хотите сделать

если вы хотите, чтобы текст был строчным.

вам просто нужно добавить новый класс или наследовать выше css

из

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

to

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