在<li>或<a>上使用font-size属性？

Question

创建导航栏时，您是在 li 元素还是在 a 元素上使用font-size属性？结果是一样的，但是您会推荐我做什么？有最佳实践还是什么？

Answer 1

除非您要为每个标签使用不同的字体大小，否则应将其放在父元素上。

Answer 2

将其放在 li 上将使整个 li 保持该字体大小。但是，如果您混合使用文本和链接，并且希望锚点使用其他字体大小，则应在 a 上使用它。

如果在两种情况下都得到相同的结果，则可能是因为整个li是一个链接。

li {
font-size: 14px;
color: red;
}
li a {
font-size: 16px;
color: blue;
}

<ul>
<li>I'm half text <a href="#">half link</a></li>
<li><a href="#">I'm all link</a></li>
<li>I'm all text</li>
</ul>