Html 在<；a>；链接不'；我一点也不走

我希望我的链接的文字为红色，下划线仅在悬停时显示，这是我的代码：

a：悬停div{
文字装饰：下划线；
}
潜水艇{
颜色：红色；
文字装饰：无；
}

---

试试这个，只需为

标签设置
文本装饰：none

a{
  color: red;
  text-decoration: none;
 }

a:hover div {
 text-decoration: underline;
 }


a：悬停div{
文字装饰：下划线；
}
a{
颜色：红色；
文字装饰：无；
}
内联项（
a
）中不能有块级项（
div
）。因此，还不支持它的浏览器可能会将
div
抛出
a
。相反，使用
span
并为其提供
显示：block
，同时在
block
或
内联块中使用
a

但对于支持此行为的浏览器，您的解决方案将如下所示：


a{
颜色：红色；
文字装饰：无；
}
a:悬停舱{
文字装饰：下划线；
}
下划线不是由于div中的样式造成的。它是a标记的默认样式。删除css选择器中的div部分：


a：悬停{
文字装饰：下划线；
}
a{
颜色：红色；
文字装饰：无；
}
内联元素
a
如何包含块元素
div
@MarkPerera在HTML5中，内联元素中可以包含块元素。请阅读相关内容。但仅适用于
a
，请您进一步解释一下为什么这会起作用？@Gropai内联项（
a
）中不能有块级项（
div
）。因此，还不支持它的浏览器可能会将
div
抛出
a
。相反，使用
span
并为其提供
display:block
，同时在
block
或
inline block
中使用
a
@PraveenKumar当web继续前进时，您可以在锚定标记中放入您喜欢的任何内容；）@皮特，你认为我不知道吗？我知道这一点，也很难过。人们很快就会开始对粗体项目使用
h1
，对下划线项目使用
a
<代码>：（
如果你意识到了这一点，那么你在回答和评论中都会非常强调说相反的话