css - 如何定位 h2 中的元素

Question

我不知道如何在 css 中设置 H2 链接的样式。我已经尝试了一切。我如何定位 h2 元素中的链接？

<div id="post-225" class="post-225 post type-post sticky hentry category-rugby-world-cup tag-land-rover-rugby-world-cup-2011-rugby-world-cup-2015-land-rover-rugby">
    <h2><a href="http://blog.landrover.com/events/rugby-world-cup/england-rugby-squad-vs-media-driving-challenge-day" title="Permalink to England Rugby Squad vs. Media Driving Challenge Day" rel="bookmark">England Rugby Squad vs. Media Driving Challenge Day</a></h2>

我需要将这个置顶贴的标题设为白色:

http://blog.landrover.com/

我试过 .sticky h2 a {color:white;} 但没有成功。

如有任何帮助，我们将不胜感激。

谢谢

Answer 1

您的 .sticky h2 a {color:white;} 被主要样式覆盖:

#content h2 a {
color: #4C4C4C;
}

要针对粘性类的特定 h2，请使用:

#content .sticky h2 a{
color:#fff;
}