<p class="main yellow">Hello World</p>
我想寫指的是與主及黃色只有元件的CSS元件。有沒有辦法做到這一點?
例如,以下是不行的,但會是什麼我後
.main + .yellow { color:green }
<p class="main yellow">Hello World</p>
我想寫指的是與主及黃色只有元件的CSS元件。有沒有辦法做到這一點?
例如,以下是不行的,但會是什麼我後
.main + .yellow { color:green }
你只需要指定他們爲
.main.yellow { color: green; }
兩個類之間沒有空格。
這個工作適合你嗎?
.main.yellow{
color:green;
}
正如其他人已經說過,你要的是:
.main.yellow { color:green; }
然而,讓我很快地解釋爲什麼你第一次嘗試沒有成功。 +關鍵字是指元素後面的,即後面的元素。
你的例子會匹配下面HTML ...
<p class="main">Hello</p>
<p class="yellow">World</p>
...和風格的第二段(.yellow
)綠色。所以「.main + .yellow
」的意思是「選擇一個.yellow
,緊接在.main
之後」。
我認爲第二個獲得元素與類「黃色」,嵌套(任何深度)與「主」類 – scunliffe
第一個是正確的,但在IE6失敗。 – bobince
是尊重的順序? – BlueFish