为什么text-decoration：none不能在p中工作？ [英] Why does the text-decoration: none not work inside p?

问题描述

我有以下的HTML和CSS片段，我想要！不要强调，但它是。我做错了什么？

p {color：red;文字修饰：下划线; font-size：1.2em;} span.none {text-decoration：none;}

 < p class =p>按一下< span class =none>！< / span>< / p>             to  span.none class  
 
 
 
 
 
 
  p {color：red;文字修饰：下划线; font-size：1.2em;} span.none {text-decoration：none; display：inline-block;}  
 
 < p class = p>按一下< span class =none>！< / span>< / p>  




I have the following HTML and CSS snippet and I want the "!" not to be underlined, but it is. What am I doing wrong?

p {
  color:red; 
  text-decoration: 
    underline; 
  font-size: 1.2em;
}

span.none {
  text-decoration: none;
}

<p class="p">Click the thumb<span class="none">!</span></p>

解决方案

add display:inline-block; to span.none class

p {
  color:red; 
  text-decoration: 
    underline; 
  font-size: 1.2em;
}

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

<p class="p">Click the thumb<span class="none">!</span></p>

这篇关于为什么text-decoration：none不能在p中工作？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！