css样式表的优先级别演示

无名12345940

无名12345940

2016-02-19 18:28

今天图老师小编要向大家分享个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
展开更多 50%)
分享

猜你喜欢

css样式表的优先级别演示

Web开发
css样式表的优先级别演示

详解CSS优先级的读法及优先级四个级别

Web开发
详解CSS优先级的读法及优先级四个级别

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

详解CSS优先级规则的级别与细节

Web开发
详解CSS优先级规则的级别与细节

关于CSS样式表

Web开发
关于CSS样式表

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页制作学习之CSS样式表的优先权

Web开发
网页制作学习之CSS样式表的优先权

CSS样式表最佳习惯

Web开发
CSS样式表最佳习惯

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何去掉Windows7系统视频加速

如何去掉Windows7系统视频加速

CSS文本:layout-grid-line

CSS文本:layout-grid-line
下拉加载更多内容 ↓