甚至连'text-decoration：none'都显示超链接行

我正试图从我的页脚和页眉中的超链接开始。继承人的CSS代码：甚至连'text-decoration：none'都显示超链接行

ul.footer li{ 
     color:#000000; 
     list-style-type: none; 
     display: inline; 
     text-decoration: none; 
     padding:10px 70px; 
     background-color: #009999; 

     } 
    ul.nav li{ 
     list-style-type: none; 
     clear:both; 
     height:100px; 
     display:inline; 
     background-color:#009999; 
     padding: 10px 60px; 
     text-decoration: none; 
     }

也继承人我的网站： reachout2parents.com

提前感谢！

来源

2014-11-24 Ryancey

你不仅可以通过改变一个风格这将改变立文饰属性中删除的链接线，所以尝试添加ul.nav> li>一个{text-decoration：none} – JohannesB 2014-11-24 23:30:41

-1

您需要直接应用样式到a元素在你的li。

ul.nav li a{ 
     text-decoration: none; 
     }

来源

2014-11-24 23:30:49 Tommy

-1

使用本：

a {text-decoration:none;}

来源

2014-11-24 23:30:32 Korgua

它自己的这一行将从使用此CSS的页面上的所有超链接中删除所有文本修饰。 OP只希望将其从页眉和页脚中删除。 – 2014-11-24 23:31:40

的超级链接由a元素标识，试试这个来代替：

ul.footer li{ 
     color:#000000; 
     list-style-type: none; 
     display: inline; 
     padding:10px 70px; 
     background-color: #009999; 
     } 

    ul.nav li{ 
     list-style-type: none; 
     clear:both; 
     height:100px; 
     display:inline; 
     background-color:#009999; 
     padding: 10px 60px; 
     } 

    ul.footer li a{ 
     text-decoration: none; 
     } 

    ul.nav li a{ 
     text-decoration: none; 
     }

来源

2014-11-24 23:30:42

非常感谢你！ – Ryancey 2014-11-25 16:46:28

你的风格似乎适用于li元素，而不是href元素？

来源

2014-11-24 23:30:52

的text-decoration: none;应在a标签，而不是li，试试这个：

a { 
    text-decoration: none; 
}

来源

2014-11-24 23:31:33 Stewartside

这将影响所有超链接，而不仅仅是页眉和页脚。 – 2014-11-24 23:33:29

甚至连'text-decoration：none'都显示超链接行

回答

相关问题