win10系统下载站 - 最全面的操作系统下载网站

u盘教程游戏攻略电脑学习教程

windows7旗舰版
当前位置:主页 > 技术开发教程 >

css样式表的优先级别演示

发布时间:2020-06-29 来源:未知 浏览量:

<!--
可以看出直接重定义标签样式的有效性是最低的, 其次是用"."定义的伪类,
再次是用重定义标签加伪类的方式(类似于H2.myclass{color:blue}的写法),级别最高的就是用id定义的css样式-->
<HTML>
<HEAD>
<STYLE>
H1{color:red; }
.myclass{color:green}
H2.myclass{color:blue}
#myid{color:brown}
</STYLE>
</HEAD>
<BODY>
<H1>这是红色的一号标题。</H1>
<P class="myclass">使用了"myclass"伪类的P标签中的正文是绿色的。</P>
<H2 class="myclass">但"myclass"类中的二号标题是蓝色的,因为H2.myclass{color:blue}重写了myclass伪类。</H2>
<P class="myclass" id="myid">以"myid"为标识的正文则是棕色的,这个是优先级别最高的。</P>
</BODY>
</HTML>
关键词: css样式表的优先级别演示 
我要分享:

相关推荐

本站发布的ghost系统仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持购买微软正版软件!

如侵犯到您的权益,请及时通知我们,我们会及时处理。

Copyright @ 2018 win10系统下载站(http://www.win10pc.cn) 版权所有  xml地图 邮箱: