当前,当我将鼠标悬停在链接上时,文本变白,没有下划线。在HTML中删除下划线格式化CSS
但是,当文本是而不是被盘旋时,它是紫色的并加下划线;我怎样才能删除这个装饰,使文本是白色的,而不是下划线?
这里是代码
.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>