CSS样式特点及优先级

一、继承

1、子样式会继承父样式,

例如:给P标签里的内容加样式,可直接在body标记直接添加样式。

二、层叠

1、【css 就近原则】后面的样式,会优先覆盖前面的样式、【!important】会优先应用前面的样式。注:IE6不支持【!important】

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
  <style text="text/css">
 li{color:black; font-size:20px; background-color:#F00; list-style-type:none; font-family:微软雅黑  !important;}
 p{color:blue; background-image:url(../%E8%A1%A8%E6%A0%BC/imges.jpg);}
 span{background:#0F0;}
  </style>
 <body >
 <div align="center">
  <li><span> 硅谷趋势</span>:如何用Uber和Airbnb的模式改变一切</li>
  <p >360安全卫士百度壁纸鲁大师迅雷暴风影音</p>
  <p>计算机回收站激活工具有道词典宽带连接安全浏览器</p>
  <p>中文网视频优酷网爱奇艺汽车之家</p>
 </div>
</head>

<body>
</body>
</html>
原文地址:https://www.cnblogs.com/boyblog/p/4574981.html