Html 填充对li标记背景的影响

Html 填充对li标记背景的影响,html,css,menu,navigation,Html,Css,Menu,Navigation,我已经创建了菜单,我希望将背景添加到li:hover元素中。 但是由于我在li元素和child中使用了右键填充,因此我无法添加背景,因为右键填充填充了背景 我还尝试替换以下元素 ul#nav li,ul#nav li:第一个孩子,ul#nav li:第五个孩子(等) 然后在每一个元素的末尾添加一个元素(看起来像这个ul#nav li:first child a),但结果是所有li元素都“失效”(它们变低了),我找不到降低它们的理由 Q:如何删除padding right参与元素li背景 (建议使

我已经创建了菜单,我希望将背景添加到
li:hover
元素中。 但是由于我在li元素和child中使用了
右键填充
,因此我无法添加背景,因为
右键填充
填充了背景

我还尝试替换以下元素

ul#nav li
ul#nav li:第一个孩子
ul#nav li:第五个孩子
(等)

然后在每一个元素的末尾添加一个元素(看起来像这个
ul#nav li:first child a
),但结果是所有
li
元素都“失效”(它们变低了),我找不到降低它们的理由

Q:如何删除
padding right
参与元素
li
背景


(建议使用全屏模式)

我不明白你想用填充实现什么。看到这把小提琴了吗。这和你想要达到的目标接近吗?@ChrisRockwell是的,这就是我想要的,但是它没有我添加的相同填充,第一个孩子仍然是一样的(有填充问题)。若你们能加上答案就太好了。你们为什么不用右边的边距呢?那不需要背景色。也会把东西放在一个地方!哦,谢谢,我没想过。