如何仅使用类型的用户在css中没有扇区

Question

[仅当一个课程忽略时。当一个（两个或多个）.lesson在一起时。选择它们。

我的一些解决方案：

1. 使用.lesson + .lesson，如果一个以上，则不会选择第一个。
2. ：not（.lesson：only-of-type）不起作用。

html代码如下。非常感谢。

<ol>
    <li class="chapter">Chapter item 1</li>
    <li class="lesson">Lesson item 1</li>
    <li class="chapter">Chapter item 2</li>
    <li class="lesson">Lesson item 2</li>
    <li class="lesson">Lesson item 3</li>
  </ol>

Answer 1

您无法使用当前的html和纯CSS进行此操作。

一种解决方案是重新考虑您的hmtl并将课程纳入各章的子列表。我希望这个例子对您有帮助：

.chapter-title {
  font-weight: bold;
}

.lessons li:not(:only-child) {
  color: #f00;
}

<ol>
  <li class="chapter">
    <span class="chapter-title">Chapter item 1</span>
    <ol class="lessons">
      <li>Lesson item 1</li>
    </ol>
  </li>
  <li class="chapter">
    <span class="chapter-title">Chapter item 2</span>
    <ol class="lessons">
      <li>Lesson item 2</li>
      <li>Lesson item 3</li>
    </ol>
  </li>
</ol>