Html 链接div时删除文本装饰

Html 链接div时删除文本装饰,html,css,Html,Css,所以我做了一个div作为一个文本框。然后,当我将其放入标记时,它看起来如下所示: 我的问题是我不能删除文本下的行 我的代码: HTML: 首先,将文本放在p标记内,然后在CSS文件中使用以下代码: #handle > p { text-decoration:none;} u也可以使用span来代替p标记,此时您的css应该是: #handle > span {text-decoration:none;} 只需注意,p是自然阻塞的(意味着它需要整个宽度),但span不是,它只需要

所以我做了一个div作为一个文本框。然后,当我将其放入标记时,它看起来如下所示:

我的问题是我不能删除文本下的行

我的代码:

HTML:


首先,将文本放在p标记内,然后在CSS文件中使用以下代码:

#handle > p { text-decoration:none;}
u也可以使用span来代替p标记,此时您的css应该是:

#handle > span {text-decoration:none;}

只需注意,p是自然阻塞的(意味着它需要整个宽度),但span不是,它只需要从宽度中获得它需要的东西

首先将文本放在p标记内,然后在CSS文件中使用以下代码:

#handle > p { text-decoration:none;}
u也可以使用span来代替p标记,此时您的css应该是:

#handle > span {text-decoration:none;}

只需注意,p是自然阻塞的(意味着它需要整个宽度),但span不是,它只需要从宽度中获得它需要的东西

如前所述,问题在于元素内部的div元素。 您是否添加了html文档类型


“文本装饰:无;”在.sommersalg a中没有问题。您不需要添加:hover部分。

问题在于元素内部的div元素,如前所述。 您是否添加了html文档类型

“文本装饰:无;”在.sommersalg a中没有问题。您不需要添加:悬停部分。

您必须设置

您必须设置


显示完整的代码,而不仅仅是其中的一部分……更新问题,不要在注释中添加此内容。本机行为是在链接下划线,而不是在
#句柄下划线。使用
.sommersalg a:hover
作为选择器,而不是Ok,所以现在当我将鼠标悬停在它上面时,它可以工作,但是当我不将鼠标悬停在它上面@baoadd
.sommersalg a{text-decoration:none;}
时,如何删除该行呢,不要在注释中添加此内容。本机行为是在链接下方加下划线,而不是在
#句柄下方加下划线。使用
.sommersalg a:hover
作为选择器,而不是Ok,所以现在当我将鼠标悬停在它上面时它可以工作,但是当我不将鼠标悬停在它@baoadd
上时,如何删除该行。sommersalg a{text decorcoration:none;}
是否可以在p标记中使用id或class?我的代码中已经有了p。是的,您可以同时使用它们。在p标记中可以使用id或类吗?我的代码中已经有了p。是的,你可以同时使用它们