前言：
而今兄弟们对“行内样式和important优先级”大概比较注重，咱们都想要学习一些“行内样式和important优先级”的相关文章。那么小编在网上网罗了一些关于“行内样式和important优先级””的相关知识，希望大家能喜欢，看官们快快来学习一下吧！层叠性
当多个样式作用到同一个（同类）标签上，样式发生了冲突，那么此时，浏览器解析的代码的顺序就是从上往下，那么就使用了最后一个样式，如下示例就是使用了下面的.div1的样式；
<head>
<style type="text/css">
.box {
font-size: 60px;
color: red;
}
.div1 {
font-size: 60px;
color: blue;
}
</style>
</head>
<body>
<div class="div1 box">北京马哥教育</div>
</body>
继承性
继承性发生的前提就是嵌套（包含）关系；
可以继承的样式：
文字颜色
文字大小
字体
字体粗细
文字的风格都可以继承
行高可以继承
文字的所有属性都可以继承
特殊情况：
h1-h6是继承了，但是显示的不是继承后的大小，h1的公式为2em*font-size;
<style type="text/css">
.father {
width: 600px;
height: 100px;
color: red;
font-size: 40px;
font-family: 宋体;
text-align: center;
border: 1px solid;
}
</style>
</head>
<body>
<div class="father">
<p class="son">北京马哥教育</p>
</div>
</body>
优先级
默认样式<标签选择器<类选择器<id选择器<行内样式表<!important
0 1 10 100 1000 1000以上
继承优先级特点
继承的权重为0，当自己没有定义样式的时候，那么就使用继承来的样式，如果有自定义样式的时候，继承权重为0；
<style type="text/css">
.father {
color: red;
font-size: 40px;
}
p {
font-size: 10px;
color: blue;
}
.box {
color: yellow;
font-size: 40px;
}
</style>
</head>
<body>
<div class="father box">
<p>北京马哥教育</p>
</div>
</body>
标签： #行内样式和important优先级
