如何在级联类和ID中定位特定类

时间:2012-09-25 15:15:34

标签: css class

我试图找出关于如何在级联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标题的字体。我尝试了这个但是没有用。

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

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

由于

2 个答案:

答案 0 :(得分:0)

尝试在伪类之前使用选择器,请参阅:

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

关于CSS语法

答案 1 :(得分:0)

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