如何为额外的 <hr> 标签添加样式？

Question

我想为我的网站侧栏样式化一个额外的<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">？

- user1676691

---

是的，但使用类而不是样式。 - dmi3y

Answer 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>标签，则非常有效。

- Scott Selby