Why I have this strange CSS behavior on the a:hover tag?

Question

I have a problem with this custom theme on wich I am working on: http://www.asper-eritrea.com/

The problem is that when you pass the mouse over a link (for example the t

Answer 1

The comma separates complete selectors. Your code is equivalent to:

.widget-sidebar ul li a {
    color: #f1b000;
}

a:hover {
    color: #f1b000;
}

You need to specify .widget-sidebar ul li for both parts of it,