2010-12-15 34 views
0

this fiddle顯示我的問題。如何定義子類?

如何在thml和css結構中定義class="line"的子類,以便子類不像示例2中所示的那樣具有邊框頂部樣式?

謝謝。

編輯:我希望that this是如何工作的。任何意見?

+0

你應該對你的選擇器更加小心。你有什麼是「任何具有類'文本'的元素,它具有作爲祖先元素的任何具有'行'類的元素。」你可能想要說的是'div.line> div.text'這是「一個帶有類文本的div,它是一個帶有類行的div的直接後代」。對於您的特定頁面,您擁有的可能就足夠了,但注意不要意外地選擇比您想要的更多的元素是一個好主意。 – Sorpigal 2010-12-15 17:57:18

回答

4

CSS中沒有這樣的子類。你可以添加其他類

class="line line-no-top" 

,然後定義行沒有頂在CSS:

.line-no-top{ border-top-style:none; } 

達到的效果。

你的問題是,你有一個頂部邊框和一個div與一些文本的div。你試圖關閉外部div的頂部邊框,通過設置border:none在內部div上,這是行不通的。您必須應用將邊框關閉到外部div的類。

+0

感謝您的回答,我剛找到解決方案。 – bubblegum 2010-12-15 11:28:57

相關問題