2021-05-18

 

CSS权重

---------------------------------------------------

开发工具与关键技术：DW CSS

作者：尘则

撰写时间：2021/5/18

CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。

 

权重等级:

可以把样式的应用方式分为几个等级，按照等级来计算权重

 

1、!important，加在样式属性值后，权重值为 10000

2、内联样式，如：style=””，权重值为1000

3、ID选择器，如：#content，权重值为100

ID选择器：通过设置ID来设置css样式  

注意：ID命名不能以数字开头

示例：设置ID为select的标签中的文本颜色

4、类，伪类和属性选择器，如： content、:hover 权重值为10

5、标签选择器和伪元素选择器，如：div、p、:before 权重值为1

6、通用选择器（*）、子选择器（>）、相邻选择器（+）、同胞选择器（~）、权重值为0

权重例子

选择HTML格式,点击创建。

 

步骤二：输入 HTML 代码

在DW中输入 HTML 代码：

 

步骤三：保存 HTML

 

在DW文件按Ctrl+S快捷键保存。

步骤四：在浏览器中运行这个 HTML 文件

启动您的浏览器，然后选择“文件”菜单的“打开文件”命令，或者直接在文件夹中双击您的 HTML 文件。

结果应该类似这样：

这些是我所知到的CSS权重，所以我要分享给你们，希望可以帮助到你们。以上就是我的分享，萌新出道，请多指教。

如果有更好的方法欢迎在评论区教导和提问喔