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开发框架网发布内容,转载请附上原文出处连接
post YES开发框架