覆盖

2011-12-30 216 views
14

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

回答

27

可能更好地创建一个没有任何文字变换的一类。

.normal { 
    text-transform: none; 
} 

<div class="taxtabs"> 
... <span class="normal">this text is not uppercase</span> ... 
</div> 
+1

真棒。谢谢。 – DanielAttard 2011-12-30 02:24:08

1

也许增加一个名为lowercase选定.textabs这样你就可以这样定义新的东西类:

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

创建任何元素,你不想做封顶类和它把text-transform: none !important;。我不知道你的布局,所以我把!important作为很好的措施(例如,如果你的元素同时有texttabsoverride类)。

.override { 
    text-transform: none !important; 
} 
1

不知道你想要做什么

,如果你只想做一些文本可写

你只需要添加一个新的类就可以了或继承上述CSS

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

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