Overriding 覆盖CSS文本转换
我使用以下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?
.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>