html - 从 anchor 内的跨度中删除下划线

Question

我有这个 HTML:

<ul>
<li>
    <ul>
        <li>
            <a href="#"> <span> Test </span> Link </a>
        </li>
    </ul>
</li>
</ul>​

还有这个 CSS:

ul li ul li span {

    text-decoration:none;
}​

为什么anchor里面的span还会有下划线？

换句话说:如何让所有文本都带有下划线，SPAN 除外。谢谢

Answer 1

您需要定位 anchor tag而不是 span tag所以用这个

ul li ul li a {
    text-decoration:none;
}​

原因:text-decoration: underline;适用于 <a>默认浏览器样式表标记，所以如果你想覆盖它，或者如果你不想使用 <a> 中的任何一个您网站上的标签应该有一个下划线，而不是简单地使用这个

a {
   text-decoration: none;
}

编辑:当我阅读您的评论时，如果您希望您的文本带有下划线，但 <span> 中的文本除外比用这个

Demo

ul li ul li a {
    text-decoration:underline;
}

ul li ul li a span {
    text-decoration:none;
    display: inline-block;
}