覆盖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;
}