无法从ap内部的跨度中删除下划线

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>.看看下面的代码:

p {
  text-decoration: underline;
}

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

body {margin: 20px;}

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