首页 相关文章 css样式表的优先级别演示

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...[ 查看全文 ]

2016-02-19 标签:

css样式表的优先级别演示的相关文章

手机页面
收藏网站 回到头部