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

也许为选定的lowercase添加一个名为.textabs的新类，以便您可以定义如下内容：

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

Answer 4

不确定你想做什么

如果您只想将某些文字设为小写

你只需要在其上添加一个新类或继承上面的css

来自

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

到

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

覆盖CSS文本转换

4 个答案: