css优先级
1.继承样式 < 浏览器预设的样式 < 通用选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式
2.选择的越精确,优先级越高
3.当优先级相同时,后写的会覆盖先写的
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css优先级</title>
<style>
div{color: red;}
*{color: salmon;}
a{color: blue;}
.abc{color:green;}
#one{color: purple;}
div #one{color: #88ee66;}
div .abc{color: yellow;}
div .abc{color: pink;}
</style>
</head>
<body>
<div>
<a href="" class="abc" id="one" style="color: black;">听谁的1</a><br>
<span>听谁的2</span>
</div>
</body>
</html>