如何使用 CSS 定位类中的类？答案

【问题标题】：How can I target a class within a class with CSS?如何使用 CSS 定位类中的类？
【发布时间】：2012-05-21 03:04:58
【问题描述】：

我已经工作了好几个小时，但未能成功。我有一些这样的代码：

<h1 class="title ">MasterClass Lessons</h1>
<div class="view view-uc-products view-id-uc_products view-display-id-page_4 3col-grid view-dom-id-1">
  <div class="view-content">
    <table class="views-view-grid">
      <tbody>
        <tr class="row-1 row-first">
          <td class="col-1"><div class="panel-display panel-1col clear-block" >
            <div class="panel-panel panel-col">
              <div>
                <div class="views-field-field-image-cache-fid">
                  <div class="field-content">
                    <a href="/content/gold-pass-all-lessons">
                    <a href="/content/gold-pass-all-lessons"></a>
                  </div>
                </div>
                <div class="views-field-title">
                   <span class="field-content"><a href="/content/gold-pass-all-lessons">GOLD PASS - ALL LESSONS!</a></span> 
                </div>

我想使用样式表来定位“views-field-title”类，但我只想应用一种样式，因为它是在上面几级的 div 中指定的“3col-grid”的子类。 Drupal 允许我为这个 CSS 定位的特定目的指定我自己的类名（我使用 3col-grid），但是当我执行以下操作时……

<style>
.3col-grid .views-field-title {
font-weight:bold;
}
</style>

它不起作用。

我也试过

.3col-grid>.views-field-title

和

.3col-grid * .views-field-title

和

.3col-grid*.views-field-title

我确信一定有办法让它发挥作用，而且我确信它很简单。

任何能告诉我那是什么的人都会让我成为一个快乐的人。

谢谢，乔

【问题讨论】：

标签： html css drupal

【解决方案1】：

您的 HTML 无效。
CSS 类名不能以数字开头。

一旦你解决了这个问题，你就可以使用后代选择器：

.OuterClass .InnerClass

【讨论】：

谢谢！我知道这很简单。这就是凌晨 4 点编码的结果:)