css - 如何更改特定 <li> 的字体

Question

我想不出合适的 CSS 选择器来针对仅更改一个列表项的字体。这是布局

<ul id="menu-applemain class="x-nav>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>

我实际上可以通过选择正确列表项 #menu-applemain li:nth-child(4){ } 我可以更改背景颜色但不能更改字体，即使在使用 !important 时也是如此。我很确定我需要定位 li a 才能更改字体。我只是不确定选择器。我已经尝试过 #menu-applemain li a:nth-child(4){ } 但它不起作用。

Answer 1

试图关闭引号？

#menu-applemain li:nth-child(4) {
  font-size: 200%;
  font-family: impact, sans-serif;
}

<ul id="menu-applemain" class="x-nav">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
</ul>

如果你想要链接:

#menu-applemain li:nth-child(4) a {
  font-size: 200%;
  font-family: impact, sans-serif;
}

<ul id="menu-applemain" class="x-nav">
  <li><a href="#">One</a></li>
  <li><a href="#">Two</a></li>
  <li><a href="#">Three</a></li>
  <li><a href="#">Four</a></li>
  <li><a href="#">Five</a></li>
</ul>