CSS-样式以及样式权重

样式分类

行内样式

style标签属性中写的样式

内部样式

html的head中

style标签中写的样式

外部样式

外部css文件中写的样式

CSS-样式以及样式权重_第1张图片

样式权重

!important(10000) > 行内样式(1000) > id选择器(100) > 类,伪类选择器(10) > 标签选择器,伪元素选择器(1)> *选择器(0)

当一个标签上同时有:行内样式,选择器样式,哪个样式权重高,哪个样式是最终展示的样式

其中!important可以帮助   选择器样式权重  大于 行内样式权重

CSS-样式以及样式权重_第2张图片

你可能感兴趣的:(css,css,样式权重)