Html CSS，为什么要处理；导航a“；而不是",；李；？

我有一个教程，其中使用以下CSS将列表项彼此分开

但是为什么我要处理

nava

而不是

li

？有人能告诉我一个不在

li

中定义

填充的正当理由吗？它也有类似的效果


主标题。标题徽标{
浮动：左；
}
.主收割台导航{
浮动：对；
}
.主割台ul{
列表样式：无；
}
.主标题李{
浮动：左；
}
.主收割台导航a{
填充：20px；
}







< /代码> 如果您将样式应用于LI，一切都会很好，但请考虑将一个填充添加到<代码> LI<代码>元素中，而不是<代码> A<代码>。它将产生这种效果，其中只有文本作为链接可点击，而所有其他空间将不可点击，因为它将是
li
而不是
a
在您给出的示例中，没有区别。其他地方可能会有其他CSS或脚本改变事情，但就你所展示的来说，这不会有什么不同。我同意Archer。。。因此，如果您打算让导航元素没有锚（如禁用的导航元素），最好将
li
填充到导航元素中这是一个非常合理的问题，所以无论是谁投了反对票并投票关闭了它，都应该真正地解释自己。填充不会将
li
…它只会使它们变得更大。分离由margins@Archer这个问题是征求意见。“什么更好”，答案是这取决于你的个人喜好或情况。在这个特定的示例中，您不会看到太大的差异，但是如果给
元素一个边框或背景色，那么您可以看到在
上或在
上放置填充之间的差异。还有昆汀的回答。