您的位置：首页 > Web前端 > CSS

同级css渲染顺序问题

2016-04-26 16:11 351 查看

CSS基本渲染顺序大家估计都很清楚

内嵌>样式表

ID >> Class >> 标签

组合的权重是选择器越多，权重越大

问题：同级（即权重完全一样）的css怎么渲染？

实验


html


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test html css</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="a b"></div>
</body>
</html>


css


.b{
background-color: black;
}
.a{
background-color: red;
}

实验结果



结论

这个实验中特意在div的class中写的顺序是先a后b，在css文件中写的是先b后a，从结果可以看到时css文件中的书写顺序决定了最终渲染结果
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航