如何分辨什麼是嵌套類

這裏是我的檢查元素以採用正確的CSS行：http://www.freeimagehosting.net/4wxq7 如何分辨什麼是嵌套類

我想樣式應用到class="lyrics"

我使用我的CSS這樣

.postcontent .lyrics { styles... }

但它不工作。

什麼是適當的css行來定位該類。這是在一個WordPress的帖子。基本上，我希望能夠對帖子的某些內容進行設計，而不會影響其他人。

感謝

來源

2012-04-30 Wayne

在HTML父div有類post-content而不是postcontent。

所以你需要在你的HTML改變類postcontent或更改CSS：

.post-content .lyrics { styles... }

來源

2012-04-30 09:42:54 noob

您可以將其定義爲：

.post-content .lyrics { styles... }

或者如果你想你的風格不應被其他CSS覆蓋，請使用ID父母選擇器：

#content .lyrics { styles... }

編輯：檢查工作示例：http://jsfiddle.net/SmH6B/

來源

2012-04-30 09:49:16 Ankit

沒有爲我工作。我將它應用於我的style.css＃content .lyrics {color：＃000000！important; }但我的文本仍然是白色 – Wayne

其實.post-content .lyrics的作品，但我試圖#content .lyrics，因爲你提到它不會被覆蓋。謝謝 – Wayne

一般情況下，帶有ID選擇器的css會覆蓋那些帶有類選擇器的選項。在你的情況下，它不工作，可能是因爲你有兩個ID爲'content'的div。也許你可以添加另一個家長來避免衝突，試試這個：「#et_page_content #content .lyrics {styles ...}」。這應該適合你。 – Ankit

如何分辨什麼是嵌套類

回答

相關問題