关于CSS选择器优先级的判断题附结果截图
关于CSS选择器优先级的判断题附结果截图
发布时间:2017-01-07 来源:查字典编辑
摘要:#redPp{/*权值=100+1=101*/color:#F00;/*红色*/}#redP.redem{/*权值=100+10+1=111...

<span><html>

<head>

<style type="text/css">

#redP p {

/* 权值 = 100+1=101 */

color:#F00; /* 红色 */

}

#redP .red em {

/* 权值 = 100+10+1=111 */

color:#00F; /* 蓝色 */

}

#redP p span em {

/* 权值 = 100+1+1+1=103 */

color:#FF0;/*黄色*/

}

</style>

</head>

<body>

<div id="redP">

<p>red

<span><em>em red</em></span>

</p>

<p>red</p>

</div>

</body>

</html></span>

附运行结果图:

1

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类