Question

基本上我有一个span位于p内，CSSI上有p下划线，但我似乎无法删除span的下划线，你会找到下面的代码示例：

p{text-decoration:underline;} span{text-decoration:none;}

<p>Hello World <span> I'm spanning... </span> </p>

所有文字都有下划线。你能帮我一把吗？

Answer 1

在display: inline-block;上使用<span>。请看下面的代码段：

＆＃13;

p {
  text-decoration: underline;
}

span {
  text-decoration: none;
  display: inline-block;
}

body {margin: 20px;}

＆＃13;

<p> This is just <span> a sample text </span> that will demostrate my issue </p>

＆＃13;

Answer 2

你正在向后看。由于p元素有下划线，所以整个事情都会。您需要做的是反转您的标记，为span提供您想要的下划线。像这样：

span {
 text-decoration:underline;
}

<p>
 <span>This is just </span>a sample text<span> that will demonstrate my issue</span>
</p>

Answer 3

反过来说，将您想要的文本内容包裹在跨度和样式中：

<p> <span>This is just</span> a sample text <span>that will demostrate my issue</span> </p>