头闻号

广州奥雅特复合材料有限公司

其他皮革化学品|涂饰剂|海绵|抛光膏|塑料油墨

首页 > 新闻中心 > 科技常识:浅谈CSS样式权值
科技常识:浅谈CSS样式权值
发布时间:2024-12-24 00:13:46        浏览次数:2        返回列表

今天小编跟大家讲解下有关浅谈CSS样式权值 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关浅谈CSS样式权值 的相关资料,希望小伙伴们看了有所帮助。

内联样式表(InLine style)>内部样式表(Internal style sheet)>外部样式表(External style sheet)

例外:但如果外部样式表放在内部样式表下边引用,则外部样式表>内部样式表;

1,内联样式表权值为1000;

2,ID选择器的权值为100;

3,Class类选择器的权值为10;

4,HTML标签选择器的权值为1;

具体代码如下:

XML/HTML Code复制内容到剪贴板 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>CSS样式权值</title> <style> body{ font-size:20px; font-weight:900; } h3{ color:yellow; } #redPp{ color:#f00; } #redPp.redem{ color:#00f; } #redP.redem{ color:#0ff; } #redPpspanem{ color:#ff0; } </style> <linkrel="stylesheet"href="style.css"> </head> <body> <h3>例外:外部样式表>内部样式表</h3> <divid="redP"> <pclass="red"> <span> <em>emred</em> </span> </p> <p>red</p> </div> </body> </html>

以上这篇浅谈CSS样式权值就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持爱蒂网。

来源:爱蒂网