css - 将 CSS 应用于锚标记

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关于如何使用从头开始的 Jquery 创建选项卡的教程的一部分。

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>元素。

Answer 3

CSS 类以 . （点）。

所以，试试

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

}

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