2014-03-03 34 views
-2

我有一個<span class="tabs-fadding-number"></span>具有以下特性:<span> CSS多個CSS類 - 層次

.tabs-fadding-number { 
    display: none; 
    position: absolute; 
    margin-left: 40%; 
    top: -12px; 
} 

現在使用Javascript我另一個類添加到跨度<span class="tabs-fadding-number add"></span>

.tabs-fadding-number .add { 
    color: #357ae8; 
} 

但是我的CSS規則不適用。我怎麼能有一個孩子.add css類,這隻適用於.tabs-fadding-number類元素?

謝謝

+2

刪除空格:'.tabs-fadding-number.add' – crush

+0

你不想在CSS的空間。應該看起來像'.tabs-fadding-number.add' – kalley

+1

請閱讀CSS選擇器的基礎知識。 – CBroe

回答

1

刪除類名之間的空格。

.tabs-fadding-number.add { 
    color: #357ae8; 
} 

否則,你正在做的是尋找具有.add是內.tabs-fadding-number的父元素。

+0

在他的問題結束時,這並不表示他期望的約束。 – crush

+0

感謝您指出。太興奮了。 – Coderchu

+0

+ 1感謝!!你的最後一個陳述澄清了我在做什麼。謝謝 – user2779312

1

只需在Chrome Developer中查找即可。這件事情是這樣

span.tabs-fadding-number.add 
+0

+ 1謝謝!正是我需要的。 – user2779312