css层叠与继承

层叠样式的优先顺序

元素内嵌样式>文档内嵌样式>外部样式>用户样式>浏览器样式

（浏览器在给css属性配值时会规矩以上的顺序寻找）

注: 用户样式时浏览器配值文件中可修改的样式,并不是编程中所使用的 eg Chrome个人配置信息目录中有 Default\User StyleSheets\Custom.css

若是重要样式可以加入  !important  

div { width:100px !important;}

 

继承

若浏览器在直接相关样式中找不到某个属性值，通过继承机制会使用父元素属性值

inherit 强制继承

p {

　　border: solid 1px #000

}

span {

　　border: inherit;

}

<p>i am <span> 3</span> years old</p>