!Important>行内样式>ID选择器>类选择器>标签>通配符>继承>浏览器默认属性
权重我个人觉得只是前端学科自己定义的,由4位数组成,但不会有进位,可以说是有严格的等级制度,类似于古代封建制度,优先级在前的选择器,权重永远比其后的选择器高(就算其无限增加也一样)。
一,可以被继承的css属性
1.字体系列属性:font、font-family、font-weight、font-size、fontstyle;
2.文本系列属性:
2.1)内联元素:color、line-height、word-spacing(设置单词之间的间距)、letter-spacing(设置文本字符间距)、 text-transform(用于设置文本的大小写:uppercase所有字符强制转为大写,lowercase转小写,capitalize首字符强制转为大写);
2.2)块级元素:text-indent、text-align;
3.元素可见性:visibility
4.表格布局属性:caption-side(标题位置)、border-collapse(设置边框分离还是合并)、border-spacing(边框分离状态下设置边框间距)、empty-cells(定义如何渲染无可视内容的单元格边框和背景)、table-layout(定义用于布局单元格行和列的算法);
5.列表布局属性:list-style
二,不可以被继承的css属性
1.display:规定元素应该生成的框的类型;
2.文本属性:vertical-align、text-decoration(用于设置文本的修饰线外观包括上/下划线,管穿线,删除线,闪烁 );
3.盒子模型的属性:width、height、margin、border、padding;
4.背景属性:background、background-color、background-image;
5.定位属性:float、clear、position、top、right、bottom、left、min-width、min-height、maxwidth、max-height、overflow、clip;
作者:前端学员小王
链接:https://juejin.cn/post/7172096487805943816
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。