<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/*
样式冲突：
当使用不同的选择器，选中相同的元素，为相同的样式设置不同的值时，此时
发生样式的冲突
发生样式冲突时，用哪个样式由选择器的权重（优先级）决定
选择器的权重：
内联样式 1,0,0,0
id选择器 0,1,0,0
类和伪类选择器 0,0,1,0
元素选择器 0,0,0,1
通配选择器 0,0,0,0
继承的样式 没有优先级
比较优先级时，需要将所有的选择器的优先级进行相加计算，最后优先级越高，则越优先显示
（分组选择器单独计算）
选择器的累加不会超过其最大的数量级
如果优先级计算后相同，此时则优先使用靠下的样式
*/
/*
#box1{
color:yellowgreen;
}
div{
color:blue;
}
.red{
color: red;
}*/
*{
font-size: 50px;
}
div{
font: size 20px;
}
</style>
</head>
<body>
<div id="box1" class="red">我是一个div <span>我是div中的span</span></div>
</body>
</html>
扫一扫
2058
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
