Unstyling <hr>当它被包装在一个div中时
我有一个包裹我的<footer>标签的div。 在div中是<hr> ，它需要在div中才能应用定位属性。 但是，它也会对我的页脚中的链接进行着色。 我不希望<hr>与链接颜色相同。 有没有什么办法可以“逃避”这个或改变财产。
我试过<hr style="color: black;">但这并没有改变任何东西。 如果您有任何关于如何更改属性的输入，尽管在div中设置了CSS，我将不胜感激。
JS小提琴：http://jsfiddle.net/o6vmz7t5/1/
HTML
<div id="footer_style">
<hr>
<footer>
<a href="">Contact</a>
<a href="">Privacy Policy</a>
<a href="">Create Account</a>
</footer>
</div>
CSS
#footer_style {
margin: 0 auto;
position: fixed;
bottom:0;
width: 100%;
padding: 20px;
}
#footer_style a {
color: #f2f0e1;
}
#footer_style a:hover {
color: black;
}
hr标签只需在其上应用边框顶部
如下覆盖hr
#footer_style hr {
border-top: 1px solid black;
}
#footer_style hr {
background-color: black;
height:1px;
}
的jsfiddle
哇，它让我挣扎了一分钟。 显然，由于人力资源没有高度，你不能看到它的内部“填充”，影响颜色什么都不做。
你实际看到的是边框，所以使用border-color代替了我。