2017-10-09 28 views
0

我需要使用CSS去除水平線。
這裏的HTML:如何使用CSS去除<hr>

<div id='page'> 
<div id='header'> 
</div> 
<hr> 
</div> 

我嘗試使用:

#page hr:first-child{display:none;} 

但是,這並不工作。我需要顯示其他小時,所以我不能把它們全部刪除。我需要瞄準這一個。

+1

'小時的孩子:第一child'的意思是」'小時'哪個_是第一個孩子_「,而不是」第一個'hr'「。 – Xufox

回答

3

做沒有:first-child(的#page的第一個孩子是#header

#page > hr {display:none;}
<div id='page'> 
 
<div id='header'> 
 
</div> 
 
<hr> 
 
</div>

注:>是不是真的有必要 - 它只是有點更精確

注意:如果同一父項內有多個hr,則可以使用#page > hr:nth-of-type(x) {display:none;},其中x爲荷蘭國際集團的計數父裏面小時

+0

這會隱藏#頁面 – Laassari

+0

中的任何小時。在問題中的示例中,只有一小時。 – Johannes

+1

OP狀態:「我需要顯示其他小時,所以我不能只刪除他們」 – Laassari

5

試試這個

#page hr:first-of-type{display:none;} 

這將隱藏第一hr#page