Question

I have existing CSS as

a:active {
    outline: none;
}
a:focus {
    -moz-outline-style: none;
}

which works fine

i want to restrict the application only to those anchor items which are part of an <ul><li> item under a div with class=”tabs_container“

so this is what i did only to fail !

#tabs_container ul li a:active {
    outline: none;
}
#tabs_container ul li a:focus {
    -moz-outline-style: none;
}

am i doing it wrong ?

thanks in advance

EDIT
My bad ! actually the ID=”tabs_container” not Class.

Further reference : This is part of the tutorial about How to create Tabs using Jquery from Scratch by Erric Berry.

Answer 1

Your element has a class but you are trying to reference it with an ID

.tabs_container ul li a:active {
    outline: none;
}
.tabs_container ul li a:focus {
    -moz-outline-style: none;
}