CSS选择器排除某些指定的class

前端 思享 153浏览

昨天给网站引入了JS目录,但是工具中的图标和原本网站的有冲突,需要[class^="icon-"], [class*=" icon-"] {}对个别图标进行排除,那么该怎么做呢?

实现

使用:not() 选择器

[class*="icon-"]:not(.icon-blue){}
[class^="icon-"]:not([class="icon-blue"]){}

推荐阅读

css3怎么实现文字闪烁效果

如果不需要渐变闪烁效果,我们可以在关键帧动画中定义50%和50.1%的不透明度值。...

纯css实现轮播和点击切换效果(无JS)

接下来,根据需要设置ul的长度。这里,首先制作三个切换窗口,因此ul的宽度被设置为容器宽度的300%,li是每次切换时显示的子元素,宽度被设置为所显示容器的100%。所有多余的部分都被隐藏起来,这样我们就可以通过修改ul的margin-left属性的......

什么是CSS层叠,优先级规则是什么

Css本质上是一个语句规则,就是在各种条件下,我们想要产生一个特定的效果。浏览器将根据我们编写的规则决定如何呈现页面。层叠是指CSS中的一系列规则,决定了如何解决冲突,是CSS语言的基础。重要的语句会作为优先级较高的来源,所以整体优先级是从高到低的!......