有没有办法让导航菜单中的每个锚链接在一行中都有一个字体大小？

Posted 2023-03-05

【中文标题】有没有办法让导航菜单中的每个锚链接在一行中都有一个字体大小？

【英文标题】：is There a Way to Give Every Anchor link inside the Navigation Menu a font size in one line?

【发布时间】：2021-12-27 23:28:30

【问题描述】：

“导航菜单内的每个锚链接的字体大小应为 1.5 rem。（提示：两个元素！）”

<nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#blog">Blog</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Chat</a></li>
            </ul>
        </nav>

这行得通吗？

nav ulfont-size:1.5rem;

【问题讨论】：

你没有的代码不工作吗？问题是什么？似乎更符合您要求的解决方案是：nav a font-size: 1.5rem;

我的问题是我可以将 nav 和 ul 等 2 个元素组合在一行中吗？

你的意思是：nav a, ul a font-size: 1.5rem; ?

不，我相信您的第一个答案是正确的：nav a font-size: 1.5rem;

【参考方案1】：

这种方式只有在<ul> 元素是导航的直接子元素时才有意义。在您的情况下，效果很好。

nav > ul 
   font-size:1.5rem;

如果<ul> 不是您的<nav> 的直系子级，那么我将应用这样的课程：

.font-size 
  font-size: 2rem;

<nav>
   <ul class="font-size">
      <li><a href="#home">Home</a></li>
      <li><a href="#blog">Blog</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#contact">Chat</a></li>
   </ul>
</nav>