css样式排除某个属性,或者类样式名称


设置了code标签的默认样式

现在出现问题

界面上效果

不友好,现在想改造一下默认样式,如果code元素设置了class,就不再作用于他

网上找到一个排除样式的,写法如下

#idname li:not(.classA){
     display:inline-block;
 }

这个不是我要的效果,因为我这里的情况是没有确切的class样式名称

正确的设置如下:

.post-body code:not(a):not(pre):not([class*="language-"]) {
    font-family: 'Segoe UI',SegoeUI,'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #e83e8c;
    word-break: break-word;
    font-size: 87.5%;
    background: #f3f4f4;
    border-radius: 6px;
    padding: .2em .4em;
}

作用,如果code元素设置了class样式,并且样式是language-开头,就忽略掉

效果

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
YES开发框架
上一篇:EF 值转换
下一篇:C# 使用Newtonsoft对象转JSON字符串的时候日期类型的处理
评论列表

发表评论

评论内容
昵称:
关联文章

css样式排除某个属性,或者样式名称
CSS设置奇偶行(交替行)颜色样式
css样式首行缩进2个长度的宽度 text-indent 属性
附加属性的使用
C#获得类型Type实现的的接口列表,支持排除实现的接口
依赖属性的使用
css样式单位px,rem和em的区别
CSS cursor 属性
CSS样式:div文本超出用...表示 div不换行
jQuery动态添加设置.active属性实现当前选择节点样式
CSS RGB函数 LESS问题
查询参数:SQLServer
样式参考
Roslyn+T4+EnvDTE项目完全自动化(1) ——自动生成界面
从数据库或者其他位置加载ASP.NET MVC Views 视图 数据库中加载 cshtml
CSS样式div设置背景图片 并拉伸填充
协议处理的实现
[WPF] 抄一个 CSS3 实现的按钮
YESWEB数据库模型数据库补丁排除特定表
Electron调用C#库dll

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码