CSS是否不适用于相同类型的所有元素？

Question

我正在尝试在网站上设置水平规则元素的样式（或分隔符，如Wordpress所喜欢的那样）。我已经将CSS添加到样式表中，但是由于某种原因，该样式并不适用于所有水平尺实例。

我对Web开发非常陌生，这是我第一次修改style.css。我觉得我可能缺少明显的东西。

我在style.css的顶部添加了以下内容：

hr  {
    background-color:#06185F !important;
    height:0.5px !important;
}

我希望该样式适用于我网站上的所有水平规则元素。但是，似乎应用不一致，如此处所示：https://emotionallyhealthyschools.org/whole-school-approach/

我在此页正文中使用的三个分隔符的中间与其他2个分隔符的显示风格不同。

Answer 1

  

在style.css底部添加CSS

Answer 2

bootstrap正在为您的border-top添加一些样式，包括hr值。
添加border-top: none或border-top: unset，它应该可以正常工作。

还将px-value更改为全像素。 像素是否具有一个，就没有半值。

Answer 3

css似乎很好-但是，实际上是中间hr可以正确显示高度为0.5px。

由于舍入错误，由于潜在的意外渲染，我实际上会避免尺寸小于1px。如果您添加

min-height: 1px;

hr的渲染高度相同。