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

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

1 个答案: