CSS特性

• 继承

CSS的一些特性，最常见的就是继承，CSS的有些属性是可以继承的，如果没有样式，则会继承父标签样式。
比如color font-size等都是可以继承的，
对于一些不能继承的属性，可以使用inherit进行强制继承

<style>
        div {
            width: 200px;
            background-color: #f00;
            border: 2px solid #0f0;
        }
/* 强制继承inherit*/
        p {
            border: inherit;
        }
    </style>
--------------------------
<div>
    儿童观她让他
    <p>奥术大师多</p>
</div>

• CSS的层叠

CSS允许多个相同名字的CSS属性层叠在同一个元素上，只有一个会生效
哪个会生效取决于属性的优先级
优先级 权重值

• !important : 10000

• 内联样式： 1000

• id选择器：100

• 类选择器、属性选择器、伪类：10

• 元素类型选择器、伪元素：1

• 通配符：0
  针对性强的选择器，优先级高

• CSS的使用经验

如果CSS的属性不起作用，可能的问题

• 选择器优先级太低
• 选择器没选中对应的元素
• CSS属性的使用形式不对
  1.元素不支持此CSS属性，比如span不支持width跟height属性
  2.浏览器不支持CSS属性
  3.被同类型的元素覆盖