从 <li> 元素中删除下划线 [重复]

Question

是的，我尝试使用 text-decoration: none，但它似乎没有做任何事情。这是我的CSS：

.search-result 
{
    margin-left: -50px;
    padding: 20px;
    text-decoration: none;
    color: #2f2f2f;
}

这是我的html：

<ul style="list-style-type: none" id="myUL">
    <li class="search-result-other-pages">
        <a>
            Početna
        </a>
    </li>
    <li class="search-result">
        <a href="novosti-pc.html">
            Novosti
        </a>
    </li >
    <li class="search-result">
        <a>
            Galerija
        </a>
    </li>
    <li class="search-result">
        <a>
           MMA
        </a>
    </li>
</ul>

以前从未发生过。上次它使用 text-decoration: none，但现在它没有。如果有人知道如何解决这个问题，请回答。谢谢！

Answer 1

链接有下划线，而不是LIs。

.search-result a {text-decoration: none}

Answer 2

#myUL li a {text-decoration: none}