如何在级联类和 id 中定位特定类答案

【问题标题】：How to target specific class inside cascaded classes and ids如何在级联类和 id 中定位特定类
【发布时间】：2012-09-17 03:34:45
【问题描述】：

我正在尝试找出如何在级联 id 和类中定位类的规则，以便在需要修改内容时能够设置页面特定区域的样式。特别是 wordpress 子主题。

我已经搜索了一段时间，到目前为止，结果为我提供了特定情况的详细信息。我喜欢一些通用的东西，它可以帮助我阅读 html 并将特定的类定位到样式。

例如在这个 HTML 中。

<div class="one-third">
    <div id="nav_menu-4" class="widget widget_nav_menu">
    <h1 class="title">
        <cufon class="cufon cufon-canvas" alt="About " style="width: 72px; height: 24.05px;">
        <canvas width="91" height="27" style="width: 91px; height: 27px; top: -2px; left: -1px;"></canvas>
        <cufontext>About </cufontext>
        </cufon>
        <cufon class="cufon cufon-canvas" alt="us" style="width: 27px; height: 24.05px;">
    </h1>
    <div class="menu-about-us-container">
    </div>
</div>

当 H1 Title 在侧边栏中时，我正在尝试更改其字体。我试过了，但没有用。

.one-third .title {
  font-family: Impact;
}

获取特定选择器以定位特定类的规则/公式是什么。

谢谢

【问题讨论】：

jsfiddle.net/swamimayank/9C3XD 这工作正常

标签： css class

【解决方案1】：

你需要添加h1标签.one-third h1.title {font-family: Impact;}

【讨论】：

【解决方案2】：

尝试在伪类之前使用选择器，请参阅：

http://www.w3schools.com/css/css_pseudo_classes.asp

关于 CSS 语法

【讨论】：