Html 悬停赢时的li标记'；t下划线

嗨，伙计们，当我使用链接时，我的li标签有一个小问题，因为我试图使它在鼠标悬停在它们上方时加下划线，但由于某种原因，我似乎无法使它工作。有人能看出我错在哪里吗

谢谢

正文{
保证金：0；
背景色：#f6f4fb；
}
p{
保证金：0；
}
#标题{
保证金：0；
填充：0；
宽度：100%；
高度：80px；
背景色：#fff；
边框底部：2个实心#e1dfe1；
}
#标志{
浮动：左；
左侧填充：30px；
填充顶部：15px；
}
#名字{
浮动：左；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：30px；
填充顶部：25px；
左侧填充：30px；
}
#说出一个{
文字装饰：无；
颜色：#666；
}
#头扣{
浮动：对；
字体大小：20px；
字体系列：Arial、Helvetica、无衬线字体；
颜色：#999；
}
#头扣{
保证金：0；
}
#李校长{
浮动：对；
列表样式类型：无；
右边填充：40px；
填充顶部：30px
}
#头钮扣{
文字装饰：无；
颜色：#999；
}
#头部按钮a：悬停{
文字装饰：下划线；
}

您不能在
a
标签内使用
li
标签，
li
必须在
ul
标签内


正文{
保证金：0；
背景色：#f6f4fb；
}
p{
保证金：0；
}
#标题{
保证金：0；
填充：0；
宽度：100%；
高度：80px；
背景色：#fff；
边框底部：2个实心#e1dfe1；
}
#标志{
浮动：左；
左侧填充：30px；
填充顶部：15px；
}
#名字{
浮动：左；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：30px；
填充顶部：25px；
左侧填充：30px；
}
#说出一个{
文字装饰：无；
颜色：#666；
}
#头扣{
浮动：对；
字体大小：20px；
字体系列：Arial、Helvetica、无衬线字体；
颜色：#999；
}
#头扣{
保证金：0；
}
#李校长{
浮动：对；
列表样式类型：无；
右边填充：40px；
填充顶部：30px
}
#头钮扣{
文字装饰：无；
颜色：#999；
}
#头部按钮a：悬停{
文字装饰：下划线；
}







您不能在
a
标签内使用
li
标签，
li
必须在
ul
标签内


正文{
保证金：0；
背景色：#f6f4fb；
}
p{
保证金：0；
}
#标题{
保证金：0；
填充：0；
宽度：100%；
高度：80px；
背景色：#fff；
边框底部：2个实心#e1dfe1；
}
#标志{
浮动：左；
左侧填充：30px；
填充顶部：15px；
}
#名字{
浮动：左；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：30px；
填充顶部：25px；
左侧填充：30px；
}
#说出一个{
文字装饰：无；
颜色：#666；
}
#头扣{
浮动：对；
字体大小：20px；
字体系列：Arial、Helvetica、无衬线字体；
颜色：#999；
}
#头扣{
保证金：0；
}
#李校长{
浮动：对；
列表样式类型：无；
右边填充：40px；
填充顶部：30px
}
#头钮扣{
文字装饰：无；
颜色：#999；
}
#头部按钮a：悬停{
文字装饰：下划线；
}








根据HTML规范，在
ul标签

正确的方法是，将所有锚定标记放在li标记内。因此，您的css可以正确地应用于文本节点

虽然上述原因不是你的风格不被应用的原因

下面解释了浏览器不添加样式的原因

您的HTML结构在锚定标记中有li标记

<a href="Login.php">
    <li>Register</li>
</a>

这是行不通的。由于锚定标记有li节点，而不是文本节点，因此css
文本装饰：下划线样式未应用

您必须选择锚节点悬停时的li标记，才能将css应用于文本节点

要执行此操作，请添加此css（我不建议使用此方法。）

片段

（您不应使用此代码段，请使用下面的下一个代码段）

这段代码只是为了演示可以应用样式。您应该使用下一个代码段。
正文{
保证金：0；
背景色：#f6f4fb；
}
p{
保证金：0；
}
#标题{
保证金：0；
填充：0；
宽度：100%；
高度：80px；
背景色：#fff；
边框底部：2个实心#e1dfe1；
}
#标志{
浮动：左；
左侧填充：30px；
填充顶部：15px；
}
#名字{
浮动：左；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：30px；
填充顶部：25px；
左侧填充：30px；
}
#说出一个{
文字装饰：无；
颜色：#666；
}
#头扣{
浮动：对；
字体大小：20px；
字体系列：Arial、Helvetica、无衬线字体；
颜色：#999；
}
#头扣{
保证金：0；
}
#李校长{
浮动：对；
列表样式类型：无；
右边填充：40px；
填充顶部：30px
}
#头钮扣{
文字装饰：无；
颜色：#999；
}
#头部按钮a：悬停>li{
文字装饰：下划线；
}




根据HTML规范，在
ul标签

正确的方法是，将所有锚定标记放在li标记内。因此，您的css可以正确地应用于文本节点

虽然上述原因不是你的风格不被应用的原因

下面解释了浏览器不添加样式的原因

您的HTML结构在锚定标记中有li标记

<a href="Login.php">
    <li>Register</li>
</a>

这是行不通的。由于锚定标记有li节点，而不是文本节点，因此css
文本装饰：下划线样式未应用

您必须选择锚节点悬停时的li标记，才能将css应用于文本节点

要执行此操作，请添加此css（我不会
 #headerButtons a:hover>li {
    text-decoration: underline;
 }