Overriding 覆盖CSS文本转换

Overriding 覆盖CSS文本转换,overriding,inline,css,Overriding,Inline,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?

我使用以下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?谢谢。

也许可以在选定的
.textabs
中添加一个名为
小写的新类,这样您就可以定义如下内容:

.textabs.lowercase{text transform:lowercase;}

最好创建一个没有任何文本转换的类

.normal {
    text-transform: none;
}

<div class="taxtabs">
... <span class="normal">this text is not uppercase</span> ...
</div>
。正常{
文本转换:无;
}
... 此文本不是大写。。。

为您不想要的任何元素创建一个类,并放置
文本转换:无!重要的在其中。我不知道你的布局,所以我把
!重要信息
用于良好的度量(例如,如果您的元素同时具有
文本选项卡
覆盖
类)

.override{
文本转换:无!重要;
}

不确定要做什么

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

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

文本

文本
.taxtabs.lower{文本转换:小写;}
<label class="taxtabs">text</label>
<label class="taxtabs lower">text</label>
<style>.taxtabs.lower{text-transform: lowercase;}</style>