0

toc-chapter 番号 (この場合は 1) の ELEMENT のみにアクセスしようとしています。要素はネストされたクラスにあります。私は toc-section でこのアプローチを使用して、必要な結果を得ることができました。

CSS:

.book .toc {

    & > .title{
        font-size: x-large;
        font-weight: bold;
        padding-bottom: .25em;
        margin-bottom:.50em;
        border-bottom: 1px solid @tuscany;          
    }

    & a.target-chapter{
        .cnx-gentext-n{
            &:before{content: "testing";}           
        }   
        color:red ; 
    }
}

HTML:

<div class="toc">
  <div class="title">
    Table of Contents
  </div>

  <ul>
    <li xmlns:d="http://docbook.org/ns/docbook" xmlns:db=
    "http://docbook.org/ns/docbook" xmlns:pmml2svg=
    "https://sourceforge.net/projects/pmml2svg/" xmlns:c="http://cnx.rice.edu/cnxml"
    xmlns:ext="http://cnx.org/ns/docbook+" xmlns:svg="http://www.w3.org/2000/svg"
    xmlns:mml="http://www.w3.org/1998/Math/MathML" class="toc-chapter">
      <a href="#idm3792312" class="target-chapter"><span class=
      "cnx-gentext-chapter cnx-gentext-autogenerated">Chapter</span> <span class=
      "cnx-gentext-chapter cnx-gentext-n">1</span><span class=
      "cnx-gentext-chapter cnx-gentext-autogenerated">.</span> <span class=
      "cnx-gentext-chapter cnx-gentext-t">Aging and the Elderly</span></a>
4

1 に答える 1

0

提供された情報に基づいて、LESS が次の css セレクターを生成していると想定します (実際に LESS で問題を再コード化したわけではありません。これは私の解釈です)。

.book .toc a.target-chapter .cnx-gentext-n:before {content: "testing";}

この fiddle に基づいて動作するはずです。サポートしているブラウザーでテストしていると仮定します:before(古いバージョンの IE ではありません)。したがって、これをトラブルシューティングするには、次のことを行う必要があります。

  1. そのようなセレクターが実際に生成されていることを確認してください。
  2. そうでない場合は、コードによって実際に生成されているセレクター文字列 (存在する場合) を特定し、問題の解決につながる可能性があります。

そのような正しいセレクター文字列が生成されている場合は、他の css を確認する必要があります (投稿していないため、ここでは単に推測しています)。

  1. 同じものをターゲットにしてそれをオーバーライドする、より具体的な (ありそうにない) セレクター文字列はありますか?
  2. 追加された「テスト」をビューから実際に「隠す」擬似要素に、displayまたはcolorまたはvisibilityその他のプロパティを他の場所で設定しますか?:before
  3. あなたの実際のユースケースは画像をcontent配置していますか、それが印刷に表示されていませんか (それはまったく別の問題になります)?

基本的に、セレクター文字列が正しく出力されている場合、他にも多くのことが起こっている可能性があり、それを解決するには詳細が必要になります。上記のように出てこない場合は、それが何を生み出しているのか知りたいです。

于 2012-07-06T02:03:00.297 に答える