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

Mixing two css for different nav definitions

本文关键字：导航 定义 两种 css 用于 混合      更新时间：2023-09-26

我有两个css，它们都有nav

的规格

两者的最佳使用方式是什么?

这里的问题是nav的第二个定义也有一个li定义，它涉及一个id，如

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

我在js上使用的id。

我有这个小提琴

只需在CSS中使用:not操作符，并从第二个nav CSS定义中排除第一个nav

为firstNav添加一个类，然后在css中使用:not，如下

nav ul:not(.first)

编辑

再检查一下小提琴。似乎还有另一个技巧，叫做子字符串匹配。注意，css的顺序很重要。如果您翻转导航的定义，CSS将无法工作。我还没有在IE8中测试过，但根据我所读到的，它应该也能在IE8中工作。

小提琴

相关文章：