css样式表的优先级别演示
今天图老师小编要向大家分享个css样式表的优先级别演示教程,过程简单易学,相信聪明的你一定能轻松get!
再次是用重定义标签加伪类的方式(类似于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