样式附加 <hr> 标签？

【问题标题】：styling additional <hr> tag?样式附加 <hr> 标签？
【发布时间】：2012-11-20 03:25:13
【问题描述】：

我希望在我的网站上为我的侧边栏设计一个额外的 <hr> 标签。

如果我已经定义了 hr，我怎么能做到这一点？

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

我可以添加样式吗？

hr.side { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

所以 html 会是

<hr class="side">?

【问题讨论】：

标签： css styling

【解决方案1】：

使用

hr.side { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

然后

<hr class="side">

在 css 中，. 指的是一个类，# 指的是 id

编辑：

如果你真的想用style="" 做内联样式，那么它看起来像这样

<hr style="border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0;">

最后一种方法并不是真正推荐的方法，但如果您想覆盖所有 css 样式表，并覆盖任何嵌入在 HTML 页面中的 <style> </style> 标记，则效果很好

【讨论】：