0

我正在尝试仅访问 toc 章节编号的 ELEMENT（在本例中为 1）。该元素位于嵌套类中。我已经在 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 回答