Html 扩展锚元素的可点击区域

在我的导航栏中，有一个按钮向右浮动，填充为200px

但是，ClickAble区域没有扩展。解决这个问题的正确方法是什么

正文{
字体系列：影响；
保证金：0；
填充：0；
}
部门内容{
高度：1000px；
背景颜色：粉红色；
}
页脚{
背景颜色：黄色；
高度：250px；
}
.菜单标题a：链接{
颜色：白色；
文字装饰：无；
}
.菜单标题a：悬停{
背景：#000；
}
.菜单标题{
列表样式类型：无；
保证金：0；
填充：0；
宽度：100%；
高度：自动；
背景色：#333；
位置：相对位置；
身高：100%；
溢出：自动；
}
菜单标题LIA{
浮动：左；
填充：10px；
}
ul.menu-header li：第n种类型（6）{
浮动：对；
/*右边的最后一个按钮*/
}
李：第n种类型（6）{
右边填充：200px；
}

我在家

我是威尔达姆特·恩斯特
我要大惊小怪
您在
li
上有这个：

li:nth-of-type(6) {
    padding-right: 200px;
}

相反，将该规则应用于
a
：

li:nth-of-type(6) a {
    padding-right: 200px !important; /* you may need to override other rules */
}

您在
li
上有这个：

li:nth-of-type(6) {
    padding-right: 200px;
}

相反，将该规则应用于
a
：

li:nth-of-type(6) a {
    padding-right: 200px !important; /* you may need to override other rules */
}

非常感谢您的解决方案，它完全按照我的设想工作。那么，第一条语句是代码要查找的语句，第二条语句是正确的吗？在原始代码中，您使用填充规则扩展父级（
li
），但没有扩展子级（
a
）。在我的回答中，我们的目标是
a
，它是第六
li
的后代。通过对子对象应用填充，子对象和父对象都被展开。非常感谢您的解决方案，它完全按照我的设想工作。那么，第一条语句是代码要查找的语句，第二条语句是正确的吗？在原始代码中，您使用填充规则扩展父级（
li
），但没有扩展子级（
a
）。在我的回答中，我们的目标是
a
，它是第六
li
的后代。通过对子对象应用填充，子对象和父对象都将展开。