html - CSS:如何选择 ol 标签中包含的所有 ul 标签

Question

我的 HTML 看起来像

<ol class='enlarge'>
<li>Larger
<ul>
<li>Normal
</li>
</ul>
</li>
</ol>

在您看到 Larger 的地方，我希望字体大小更大。在你看到 Normal 的地方，我希望字体大小是正常的。

我试过了

  ol.enlarge {
    font-size: 130%;
  }
  ul.enlarge {
    font-size: 70%;
  }

和

  ol {
    font-size: 130%;
  }
  ul > ol {
    font-size: 70%;
  }

和

  ol {
    font-size: 130%;
  }
  ol > ul {
    font-size: 70%;
  }

我的

中的所有内容都将字体大小设置得更大

谢谢!

-汤姆

Answer 1

ol ul 应该足以定位减小字体大小所需的元素。

ol {
  font-size: 130%;
}

ol ul {
  font-size: 70%;
}

<ol>
  <li>Larger
    <ul>
      <li>Normal</li>
    </ul>
  </li>
</ol>