将CSS应用于<ul> <li> </in> </ul>的锚标记

Question

我已经将CSS作为

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

工作正常

我想仅将应用程序限制为那些属于<ul><li>项目的一部分的锚项目，其中div为class =“tabs_container”

所以这就是我所做的只是失败！

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

我做错了吗？

提前致谢

修改 我的错 ！实际上ID =“tabs_container”而不是Class。

进一步参考：这是Erric Berry关于How to create Tabs using Jquery from Scratch的教程的一部分。

Answer 1

您的元素有一个类，但您尝试使用ID

引用它

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

Answer 2

尝试： -

ul > li > a:active

这应该捕获<li>元素的子元素，而<ul>元素又是{{1}}元素的子元素。

Answer 3

CSS类以a为前缀。 （点）。

所以，试试

.tabs_container ul li a:active {
    outline: none;

}

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