问一个关于 css 的白痴问题。。

皇帝陛下的玉米

有一个问题想向各位大侠请教。。

1. .classA{
   
2.      border: 1px solid #fff;
   
3.      border-right: 1px solid #9ac6ff;
   
4.      padding: 0px 3px;
   
5.      display: block;
   
6.      background-color: #f7f9ff;
   
7.      color: #3389cc;
   
8.      font: 12px/22px Tahoma, Verdana;
   
9.      text-decoration: none;
   
10.      height: auto !important;
    
11.      height: 1%;
    
12. }
    
13. 
    
14. .classB
    
15. {
    
16.      border: 1px solid #fff;
    
17.      border-right: 1px solid #9ac6ff;
    
18.      border-bottom: 1px solid #9ac6ff;
    
19.      padding: 0px 3px;
    
20.      display: block;
    
21.      background-color: #f6f9ff;
    
22.      color: #3389cc;
    
23.      font: 12px/22px Tahoma, Verdana;
    
24.      text-decoration: none;
    
25.      height: auto !important;
    
26.      height: 1%;
    
27. }

复制代码

上面两个 css class 的内容都是一样的，差别只是在于，一个有 border-bottom，另一个没有。
请问我可以把两个写在一起，然后分别再定义 border-bottom 吗？

我尝试过以下这样：

1. .classA
   
2. {
   
3.      border-right: 1px solid #9ac6ff;
   
4. }
   
5. 
   
6. .classB
   
7. {
   
8.      border-right: 1px solid #9ac6ff;
   
9.      border-bottom: 1px solid #9ac6ff;
   
10. }
    
11. 
    
12. .classA, .classB
    
13. {
    
14.      border: 1px solid #fff;
    
15.      padding: 0px 3px;
    
16.      display: block;
    
17.      background-color: #f6f9ff;
    
18.      color: #3389cc;
    
19.      font: 12px/22px Tahoma, Verdana;
    
20.      text-decoration: none;
    
21.      height: auto !important;
    
22.      height: 1%;
    
23. }

复制代码

结果是被最后的 class 取代掉了。。望高手赐教。。

[ 本帖最后由 皇帝陛下的玉米 于 24-11-2009 11:37 AM 编辑 ]

Legend

你要用在哪里?? div, table,span, 還是什么? 很多方法寫...
e.g.
div {
     border: 1px solid #fff;
     padding: 0px 3px;
     display: block;
     background-color: #f6f9ff;
     color: #3389cc;
     font: 12px/22px Tahoma, Verdana;
     text-decoration: none;
     height: auto !important;
     height: 1%;
}

div .classA{  border-right: 1px solid #9ac6ff; }
div .classB{ border-right: 1px solid #9ac6ff; border-bottom: 1px solid #9ac6ff; }

大概是醬...

kaze

call 了 class 再加 style="border-bottom: 1px solid #9ac6ff;"

???

皇帝陛下的玉米

原帖由 Legend 于 24-11-2009 01:15 PM 发表
你要用在哪里?? div, table,span, 還是什么? 很多方法寫...
e.g.
div {
     border: 1px solid #fff;
     padding: 0px 3px;
     display: block;
     background-color: #f6f9ff;
     color: #3389cc; ...

原来是要这样。。完全了解明白，感谢你～！！
刚玩 css，学习中～

y小叶y

http://www.wowbox.com.tw/blog/article.asp?id=2723