CSS的优先级和继承问题

CSS的优先级和继承问题

★CSS的冲突,即优先级
CSS本身的设置可以同时应用多个样式在同一个元素，此时样式之间可能出现冲突而达不到用户所想要的效果。
★解决CSS冲突的优先级规则：
● CSS层叠样式表引入方法的优先级：内联式>内嵌式>链接式>导入式
● 在多个外部样式中，后出现的样式的优先级高于先出现的样式，也就是俗称的覆盖
● 在样式中，选择器的优先级：ID样式>class样式>标记样式（以权重比喻：id的权重为100，class的权重为10,标签名的权重为1）
● 在样式后面加一个!important，例如这样：.abc {background:#fff !improtant;} 这个样式的优先级就会默认提升到顶级，全局样式就无法影响到它了。
✪注意：!important要写在分号的前面
优先级：
就近原则（离代码越近，优先级越高）
选择范围越小，优先级越高。细化CSS，通过多加父元素的选择符一层层包住，缩小选择范围

★样式继承：
继承是指我们设置上级(父级)的CSS样式，上级（父级）及以下的子级（下级）都具有此属性。一般只有文字文本具有继承特性，如文字大小、文字加粗、文字颜色、字体等。但注意有一些css样式是不具有继承性的。如border:1px solid red;

demo：

<p style="color:red;">如果你不知道自己<span>想做什么该做什么