蛙蛙推荐:css样式表的优先级别演示

王朝asp·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

蛙蛙推荐:css样式表的优先级别演示

<!--

可以看出直接重定义标签样式的有效性是最低的, 其次是用"."定义的伪类,

再次是用重定义标签加伪类的方式(类似于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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航