600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > css选择器权重问题 怎样不让CSS reset样式覆盖掉编辑器内的文章样式 – CSS –

css选择器权重问题 怎样不让CSS reset样式覆盖掉编辑器内的文章样式 – CSS –

时间:2024-02-11 20:33:21

相关推荐

css选择器权重问题 怎样不让CSS reset样式覆盖掉编辑器内的文章样式 – CSS –

#fckeditor p{

text-indent:2em !important;

}

样式覆盖啊。

1、单独写一个css文件专门用来覆盖vant,放在vant样式后面引入。

2、增加独有类名,在Popup的class上多加一个样式名。

3、css路径上多加几层。比如.a .b .Popup {} 4、用!important增加权重。比如{height:100px !important;

} 5、使用css属性deep。

比如.a /deep/ .b {} 或者.a >>> .b {},据说后者兼容性好一点

css样式遵循三种原则:就近原则、继承原则、覆盖原则。

就近原则

优先级关系,从高到低:行内样式 > 内部样式 > 外部样式。

继承原则:

继承中多数边框类的属性不能被继承,比如padding、margin、背景等都不会被继承;表格也不能继承父类的样式。

覆盖原则:

由于继承而发生的样式冲突,由最近的祖先元素取值;

继承的样式和直接指定的样式发生冲突时,直接指定的样式获取值;

直接指定的样式发生冲突时,样式权重高的元素获取值;

css选择器标签可以嵌套,比如可以在类选择器里面选择id的元素,这样就是选择器的嵌套。

css选择器权重问题 怎样不让CSS reset样式覆盖掉编辑器内的文章样式 – CSS – 前端 chrome f12 css

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。