html5-css的使用强制优先级

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>css的使用强制优先级</title>
   <link rel="stylesheet" type="text/css" href="css/2.css">
   <style type="text/css">
       h3,p{color: blue!important}
       div{border: 2px red solid;padding: 15px;background:blue}
   </style>
</head>
<body>
<h3>标题</h3>
<p>只是正文</p>
<div style="color: green">div里面的内容</div>
样式可以叠加，继承，冲突
</body>
</html>

天道酬勤，厚积薄发。君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。如有恒，何须三更起，半夜眠；最怕莫，三天打鱼两天晒网，竹篮打水一场空。