html - 如何使用 CSS 定位类中的类？

Question

我已经起床数小时来尝试并未能完成这项工作。 我有一些这样的代码:

<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”类，但我只想在它是“3col-grid”的子类时应用样式，该子类在上面几个级别的 div 中指定。 Drupal 允许我指定我自己的类名(我使用 3col-grid)用于此 CSS 目标的特定目的，但是当我执行以下操作时......

<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

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

谁能告诉我那是什么，我就会很开心。

谢谢， 乔

Answer 1

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

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

.OuterClass .InnerClass