删除HTML CSS中的下划线格式

Question

目前，当我将鼠标悬停在链接上时，文字会变为白色，没有下划线。

然而，当文字不悬停时，它是紫色的并加下划线;如何删除此装饰，以使文本为白色而不加下划线？

这是代码

.sidebar
{

    padding-left:770px;
    margin-bottom:-400px;
    width:100px;
    text-decoration:none;

}
.sidebar ul
{
    padding-left:0px;

    color:Blue;
    font-size:15px;
    font-family:Candara;
        width: 250px;
        background-color:#2A5395;
        color:White;
 padding-bottom: 10px;
 padding-left:10px;
 text-decoration:none;
}
.sidebar li
{
padding-top:10px;
border-color:#ECECEC !important;
color:White;
text-decoration:none;
}

.sidebar a:hover {

    text-decoration:none;
    background-color:transparent;
    color:White;

}

标记

<div class="sidebar">
<h2 class="indxparaz">HOT LINKS</h2>
<ul class="sidebar">
<li><a href="Upcoming_events.htm">Up Coming Events</a> </li>
<li><a href="Member_ship.html">Membership</a></li>

Answer 1

在这里，您可以在CSS文件中添加一些CSS代码，例如

.sidebar a{
    text-decoration: none;
    color:white;
 }

Answer 2

.sidebar a {
    text-decoration:none;
}

.sidebar a:hover {
    background-color:transparent;
    color:White;
}

Answer 3

.sidebar a,
.sidebar a:hover,
.sidebar a:active {
    color: #fff;
    text-decoration: none;
}

Answer 4

尝试以下

.sidebar a:visited {
    text-decoration:none;
    color:black;
} 

如果您不想在侧栏链接的任何地方进行文字装饰，请选择     .sidebar a {         text-decoration：none！important;     }

Answer 5

.sidebar a{text-decoration: none;color:white;}