超链接线仍然显示即使用＆text-decoration：none;＆＃39;

Question

我正试图从我的页脚和标题中的超链接中取出该行。下面是css代码：

    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

提前致谢！

Answer 1

超链接由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;
        }

Answer 2

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

Answer 3

text-decoration: none;应位于a代码上，而不是li，请尝试以下操作：

a {
    text-decoration: none;
}

Answer 4

使用它：

 a {text-decoration:none;}

Answer 5

您需要将样式直接应用于a中的li元素。

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