提问人：DanielAttard 提问时间：12/30/2011 更新时间：12/30/2011 访问量：34934
覆盖 CSS 文本转换
Override CSS text-transform
问：
我正在使用以下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？谢谢。
答：
1赞
sczizzo
12/30/2011
#1
也许添加一个名为 to selected 的新类，这样你就可以定义这样的东西：lowercase.textabs
.textabs.lowercase { text-transform: lowercase; }
39赞
U-DON
12/30/2011
#2
创建一个没有任何文本转换的类可能更好。
.normal {
text-transform: none;
}
<div class="taxtabs">
... <span class="normal">this text is not uppercase</span> ...
</div>
7赞
ThinkingStiff
12/30/2011
#3
为任何你不想被封顶的元素创建一个类，并放入其中。我不知道你的布局，所以我做了很好的衡量（例如，如果你的元素同时有和类）。text-transform: none !important;!importanttexttabsoverride
.override {
text-transform: none !important;
}
1赞
user192344
12/30/2011
#4
不确定要执行的操作
如果您只想将一些文本设置为小写
你只需要在上面添加一个新类或继承CSS以上
从
<label class="taxtabs">text</label>
自
<label class="taxtabs lower">text</label>
<style>.taxtabs.lower{text-transform: lowercase;}</style>
评论