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>