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

前端 思享 12浏览 0评论

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

实现

使用:not() 选择器

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

推荐阅读

@media先后顺序错误导致效果被覆盖

自己博客“推荐阅读”板块在前面添加了一个小背景图的样式,仿造的是原主题“与本文相关的文章”。同时也想让样式在移动端也保持一致,即使用媒体查询@media设置样式。但是却一直没有生效。一起来看看是怎么回事吧 原因 @media是对条件才查询,但是它也遵......

CSS实现聊天对话框样式

最近打算折腾一下网站的问答分类,所以在网上找了一个css实现对话框的效果,具体效果如下图: CSS代码 #talk { margin-left: 50px; width: 220px; height: 60px; background: #9EEA6......

CSS如何实现两栏/三栏自适应布局?

在日常布局中,无论是两栏布局还是三栏布局,使用的频率都非常高 两栏布局 两栏布局实现效果就是将页面分割成左右宽度不等的两列,宽度较小的列设置为固定宽度,剩余宽度由另一列撑满 比如 Ant Design 文档,蓝色区域为主要内容布局容器,侧边栏为次要内......

avatar
发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址