0

私は何時間もこの仕事をしようとして失敗してきました。私はこのようなコードを持っています：

<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を使用）を指定できますが、次のようにすると…</ p> 

<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

それを機能させる方法があるはずだと私は確信しています、そしてそれは非常に単純であると確信しています。

それが何であるかを教えてくれる人は誰でも私を幸せな人にするでしょう。

ありがとう、ジョー

4

1 に答える 1

10

HTMLが無効です。
CSSクラス名を数字で始めることはできません。

これを修正したら、子孫セレクターを使用できます。

.OuterClass .InnerClass
于 2012-05-21T03:08:56.043 に答える