2009-10-29 137 views
0

我有以下有沒有辦法引用多個類的html元素?

<p class="main yellow">Hello World</p> 

我想寫指的是與主及黃色只有元件的CSS元件。有沒有辦法做到這一點?

例如,以下是不行的,但會是什麼我後

.main + .yellow { color:green } 

回答

3

這應該抓住它:

.main.yellow { color:yellow; } 

在不同的瀏覽器雖然你可能會得到不同的結果。我使用QuirksMode來了解哪些功能可以通過瀏覽器工作。

+0

我認爲第二個獲得元素與類「黃色」,嵌套(任何深度)與「主」類 – scunliffe

+2

第一個是正確的,但在IE6失敗。 – bobince

+0

是尊重的順序? – BlueFish

1

你只需要指定他們爲

.main.yellow { color: green; } 

兩個類之間沒有空格。

1

這個工作適合你嗎?

.main.yellow{ 
    color:green; 
} 
0

正如其他人已經說過,你要的是:

.main.yellow { color:green; } 

然而,讓我很快地解釋爲什麼你第一次嘗試沒有成功。 +關鍵字是指元素後面的,即後面的元素。

你的例子會匹配下面HTML ...

<p class="main">Hello</p> 
<p class="yellow">World</p> 

...和風格的第二段(.yellow)綠色。所以「.main + .yellow」的意思是「選擇一個.yellow,緊接在.main之後」。

相關問題