用于将边框应用于h4的CSS选择器

Question

在http://adasportsandrackets.com/wordpress上，我正在尝试添加CSS以在h4标题“Best Sellers”下添加边框。它不起作用，这不是缓存问题，因为我在删除缓存后在主流浏览器中尝试过。

这是HTML：

<div class="wpb_text_column wpb_content_element  best-sellers">
<div class="wpb_wrapper">
<h4>Best Sellers</h4> 

这是我的CSS：

.best-sellers h4 {

border-bottom: 1px solid #eee;
padding: 7px 0px;

}

我也尝试过：

.best-sellers {

border-bottom: 1px solid #eee;
padding: 7px 0px;

}

Answer 1

这对我有用：

.page-template-template-home-default-php .wpb_wrapper h4 {
    border-bottom: 5px solid #999;
}

或尝试：

.best-sellers h4 {border-bottom: 5px solid #999;}

Answer 2

尝试：

.wpb_wrapper h4 { border-bottom: 1px solid #eeeeee;}

或者尝试将类添加到h4，例如

<h4 class="borderh4">Lol</h4>

.borderh4 {border-bottom: 1px solid #eeeeee;}

Answer 3

最好根据它的父div类进行选择：

.wpb_wrapper h4 {
  border-bottom: 1px solid #eee;
  padding: 7px 0px;
}

如前面的答案所述，如果你的父div有多个类，你通常需要同时选择它来获取正确的元素：

.wpb_wrapper.another_class h4 {}