w3.css 没有下划线

Question

我正在使用 w3.css。我不确定为什么我的一些超链接带有下划线，而另一些则没有。我想实现没有下划线。在 ME 中有一个带有超链接的简短列表。

<ul class="w3-ul w3-white">
<a class="" href="./proverb_1.php?answer=yes&answered=20">
    <li class="w3-hover-yellow w3-white w3-xlarge w3-padding-16 w3-text-black w3-left-align w3-border-top w3-border-bottom"> 
<span class="">Malý trs trávy často převrátí i těžký náklad.</span>
<br></li></a>   
<a class="" href="./proverb_1.php?answer=yes&answered=54">
    <li class="w3-hover-yellow w3-white w3-xlarge w3-padding-16 w3-text-black w3-left-align w3-border-top w3-border-bottom"> 
<span class="">Ranní ptáče dál doskáče.</span>
<br></li></a>  
<a class="" href="./proverb_1.php?answer=yes&answered=43">
    <li class="w3-hover-yellow w3-white w3-xlarge w3-padding-16 w3-text-black w3-left-align w3-border-top w3-border-bottom"> 
<span class="">Nejlepší je mluvit pravdu.</span>
<br></li></a>    
</ul>

Answer 1

它是因为 w3.css 不使用文本修饰:none 作为标签。您可以为 a 标签 Example 创建自定义 class（检查 a 标签 class w3.a） 或者您可以使用 css 清除下划线的选择器

  ul.w3-ul a{
  text-decoration:none;
  }

   
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<body>
 <ul class="w3-ul w3-white">
  <a class="" href="./proverb_1.php?answer=yes&answered=20">
    <li class="w3-hover-yellow w3-white w3-xlarge w3-padding-16 w3-text-black w3-left-align w3-border-top w3-border-bottom"> 
<span class="">Malý trs trávy často převrátí i těžký náklad.</span>
<br></li></a>   
<a class="" href="./proverb_1.php?answer=yes&answered=54">
    <li class="w3-hover-yellow w3-white w3-xlarge w3-padding-16 w3-text-black w3-left-align w3-border-top w3-border-bottom"> 
<span class="">Ranní ptáče dál doskáče.</span>
<br></li></a>  
<a class="" href="./proverb_1.php?answer=yes&answered=43">
    <li class="w3-hover-yellow w3-white w3-xlarge w3-padding-16 w3-text-black w3-left-align w3-border-top w3-border-bottom"> 
<span class="">Nejlepší je mluvit pravdu.</span>
<br></li></a>    
</ul>
</body>

w3.css 没有下划线

w3.css with no underline

html

css

w3.css