Question

我有以下HTML和CSS代码，也可以在这里找到并播放//jsfiddle.net/0k1qah6x/7 /

我的意图是数字＆＃34; 1＆＃34;哪个有班级＆＃34;活跃＆＃34;不要变红。

＆＃13;

cd existing_repo
git remote rename origin old-origin
git remote add origin https://gitlab.example.com/rmishra/demoapp.git
git push -u origin --all
git push -u origin --tags

＆＃13;

.pdf-pagination a:not(.active) {
  color: red;
  text-decoration: none;
}

＆＃13;

Answer 1

你的主持人没有.active班，他们的父li也没有。

您必须更改选择器并将:not() de 选择器移动到父选择器，如下所示：

.pdf-pagination li:not(.active) a {
  color: red;
  text-decoration: none;
}

<div class="pdf-pagination">
  <ul>
    <li class="disabled">
      <a id="pdfPaginationLink0" href="#" data-page="0">←</a>
    </li>
    <li class="active">
      <a id="pdfPaginationLink1" href="#" data-page="1">1</a>
    </li>
    <li>
      <a id="pdfPaginationLink2" href="#" data-page="2">2</a>
    </li>
    <li>
      <a id="pdfPaginationLink3" href="#" data-page="2">→</a>
    </li>
  </ul>
</div>

CSS：not（）没有像我期望的那样工作

1 个答案: