Question

我有一个课程，我试图瞄准但不确定如何。这是代码。

<article id="post-27346" class="post-27346 forum type-forum status-publish hentry">
    <h1 class="entry-title main_title">Share Experience</h1>
</article>

我试图定位“＃34;分享经验＆＃34;

这个词

这是我的尝试：

.forum .main_title {
    margin-bottom: -20px !important;
    background-color: #3f3f3f;
    padding: 40px 10px 16px 10px;
    margin: 0px 10px -10px 10px;
 }

我的理论是.main_title在.forum

之内

关于如何定位这个的任何想法？

另外，有没有办法说基于它是否有两个类来定位。所以在这种情况下它会是.entry-title AND .main_title？所以我只会说目标只有这两个类在一起。

Answer 1

如果标签在h1标签内，您的文章类方法就可以了。如果你想访问一个孩子，在这种情况下声明两个父亲的类将如下所示：

.forum.type-forum .main_title {
 margin-bottom: -20px !important;
 background-color: #3f3f3f;
 padding: 40px 10px 16px 10px;
 margin: 0px 10px -10px 10px;
}

Answer 2

希望有些东西会覆盖你的CSS。在造型时具体化

这是一个有效的 Demo

.forum h1.main_title {
 margin-bottom: -20px !important;
 background-color: #3f3f3f;
 padding: 40px 10px 16px 10px;
 margin: 0px 10px -10px 10px;
 }

<article id="post-27346" class="post-27346 forum type-forum status-publish hentry">
<h1 class="entry-title main_title">Share Experience</h1>
</article>

如何定位这个课程

2 个答案: