我正在使用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>发布于 2016-11-26 15:29:48
这是因为w3.css不使用文本装饰:无标记。可以为a标记示例 (选中a标记类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>
https://stackoverflow.com/questions/40819762
复制相似问题