w3.css不帶下劃線

我正在使用w3.css。我不確定爲什麼我的一些超鏈接有下劃線，有些不是。我想實現沒有下劃線。在我跟隨超鏈接的短名單。w3.css不帶下劃線

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

來源

2016-11-26 chejnik

這是因爲w3.css不使用text-decoration：對於標籤沒有使用。您可以創建爲一個標籤Example（檢查標籤類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>

來源

2016-11-26 15:29:48

w3.css不帶下劃線

回答

相關問題