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

Question

Я использую следующий 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? Спасибо.

Answer 1

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

.normal {
    text-transform: none;
}

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

Answer 2

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

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

Answer 3

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

, если вы хотите сделать какой-то текст только строчными

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

от

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

до

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

Answer 4

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

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