tutorials.de - CSS mit JS überschreiben | Demo #2

by SpiceLab

HTML

<div class="c1">
  <ul class="u1">
    <li class="selected">
      <span>xxx</span> <span>            <a class="a1" href="#">aaa aaa aaa aaa </a></span>
    </li>
    <li>
      <span>xxx</span> <span>            <a class="a1" href="#">ccc ccc ccc ccc </a></span>
    </li>    
    <li>
      <span>xxx</span> <span class="s1"> <a class="a1"href="#">NEU ddd ddd ddd </a></span>
    </li>
  </ul>
</div>

CSS

.c1 .u1 li.selected a,
.u1 li a:hover,
.s1 a:hover {
  background-color: #eeeeee;
  color: #000000;
  text-decoration: none;
}

JavaScript

setTimeout(function() {
  $('.s1 a:hover').css({'background-color':'yellow','color':'red'});
},2000);