I am trying to remove styling from links (anchor tags) in the following lines so that the links appear with black color and no underlining by default. For some reason my CSS class ("deco-none") is ignored here and they still appear in blue as normal links (I am using IE9 and Bootstrap 3).
What do I have to change here ?
My HTML:
<div class="row" style="width:400px;">
<ul class="list-unstyled col-md-4">
<li class="bg-menu clickable"><a href="#" class="deco-none">test1-1</a></li>
<li class="bg-menu clickable"><a href="#" class="deco-none">test1-2</a></li>
<li class="bg-menu clickable"><a href="#" class="deco-none">test1-3</a></li>
</ul>
<ul class="list-unstyled col-md-4">
<li class="bg-menu clickable"><a href="#" class="deco-none">test2-1</a></li>
<li class="bg-menu clickable"><a href="#" class="deco-none">test2-2</a></li>
<li class="bg-menu clickable"><a href="#" class="deco-none">test2-3</a></li>
</ul>
<ul class="list-unstyled col-md-4">
<li class="bg-menu clickable"><a href="#" class="deco-none">test3-1</a></li>
<li class="bg-menu clickable"><a href="#" class="deco-none">test3-2</a></li>
<li class="bg-menu clickable"><a href="#" class="deco-none">test3-3</a></li>
</ul>
</div>
My CSS:
a.deco-none: {
color:#000000 !important;
text-decoration:none;
}
.bg-menu:hover {
background-color:#0079C1;
color:#FFFFFF;
}
.clickable {
cursor:pointer;
}
You got it wrong in CSS. Try this
a.deco-none {
color:#000000 !important;
text-decoration:none;
}
.bg-menu:hover {
background-color:#0079C1;
color:#FFFFFF;
}
.clickable {
cursor:pointer;
}
Below code is wrong
a.deco-none: {
color:#000000 !important;
text-decoration:none;
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments