混合两个css用于不同的导航定义

时间:2013-01-05 01:25:32

标签: javascript css nav

我有2个css,它们都有 nav

的规格

使用它们的最佳方式是什么?

这里的问题是导航的第二个定义还有 li 定义,其中涉及 id ,如

<li id="all">All</li>

这是我在js上使用的id。

I have this fiddle

1 个答案:

答案 0 :(得分:2)

只需在CSS中使用:not运算符,并从第二个nav css定义中排除第一个导航。

将一个类添加到firstNav,然后在css内部使用:not,如此

nav ul:not(.first)

修改

再次检查小提琴。似乎还有另外一个技巧,称为substring matching。请注意,小提琴中css的顺序很重要。如果你翻转导航的定义,css将无法正常工作。我还没有在IE 8中对此进行测试,但根据我的阅读,它也可以在IE8中运行。

Fiddle