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不对text使用text-decoration：none。您可以为标记Example 创建自定义类（检查标记类w3.a），也可以使用css选择器清除下划线

＆＃13;

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

＆＃13;

   
<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>

＆＃13;

w3.css没有下划线

1 个答案: