如何使用CSS去除<hr>

Question

我需要使用CSS去除水平线。
这里的HTML：

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

我尝试使用：

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

但是，这并不工作。我需要显示其他小时，所以我不能把它们全部删除。我需要瞄准这一个。

Answer 1

做没有: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为荷兰国际集团的计数父里面小时

Answer 2

试试这个

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

这将隐藏第一hr是#page