使用:不排除选择器

时间:2015-06-04 10:19:23

标签: css css3 css-selectors

我对CSS很好,但它不是我的包。我一直试图找出设置基本选择器的最有效方法。

例如:

h3:not([class])
{
    /* make it look good */
}

上面的例子让我设置了基础h3,如果我想要排除基本样式,我只需要添加一个类。

然而,最具挑战性的是在整个网站的许多地方出现的主播 - 主菜单,页脚链接,快速链接,相关链接,伪按钮 - 你得到了图片。我可能不会使用很多不同的样式来设置锚点样式,所以我每次都需要删除默认样式。

我当然可以采用与上面相同的方法,但与锚元素的主要区别在于它倾向于在UL / LI元素内的束中使用,因此它不能涵盖这种情况。

我有什么方法可以排除与父LI的任何链接,还是仅仅是这样的级联案例?

a:not([class])
{
    /* make it look good */
}
li > a:not([class])
{
    /* remove the goodness */
}

1 个答案:

答案 0 :(得分:0)

我预先给出了答案。

最终这对我有用 - 它可以为其他人工作。

对于简单案例

h1:not([class])
{
    /* Excludes H1's with a class */
}

对于列表中的复杂案例

*:not(li) > a:not([class]),
ul.base > li > a
{
    /* Excludes any A with a class or that is a child in a list
       Includes an A inside a list if the UL is appended with the class "base" */
}