CSS multiple selectors for link

I am trying to change the background of a link on hover but only in those links which will be having two classes. like

<a href="" title="Design1" class="abc  def">
    <span>Design1</span> 
</a>

<a href="" title="Design2" class="abc  def ijk">
    <span>Design2</span>
</a>

Now I want to change the background of second link on hover but not first. Right now in CSS i am doing

 .abc.ijk:hover {
    background-color: #f0ac00;
 }

which is obviously not working.

Answers


I don't Know what's wrong

Please check the http://jsfiddle.net/7eWSV/1/

Its working

.abc.ijk:hover {
    background-color: #f0ac00;
 }

Need Your Help

Angular - Access Enums from view

angularjs enums global-variables constants global

I have some server side enums that I'm sending down to an angular application.

Scala: Function returning an unknown type

scala types numbers

If I wanted to make an add method that adds values of two different types like: