CSS入门笔记2

样式的继承

• 如果父元素有，子元素没有，子元素继承父元素的样式。
• 如果父元素有，子元素也有，子元素覆盖父元素的样式。

样式的优先级

1、 id样式>class样式>标签样式
2、 行内样式>内嵌样式>外部样式
3、 强制优先级!important

小结

• 当id样式、class样式和标签样式同时存在时，显示优先级高的样式。
• 当同一级别的样式有多个时，后执行的覆盖前面执行的。
• 强制优先级优先级别最高。

权重叠加

• 标签选择器<类选择器< id选择器<行内选择器<！important
• 1<10<100<1000<10000
• 当不知道那个样式的优先级高时，可以根据所占权重判断优先级别。
  举个栗子