样式的继承与覆盖
1、子元素会继承父元素的样式;
2、子元素会覆盖父元素的样式。
p{ color:#036; /*蓝色*/ font-size:12px; /*12像素*/ } p{ color:#F00; /*红色*/ font-family:"仿宋";/*字体仿宋*/ }
得到:红色、12像素,仿宋
后面的子元素p元素继承了前面父元素的12像素
后面的子元素p覆盖了前面父元素字体颜色的设置
样式的优先级
id样式 > 类样式 > 标签样式
行内样式 > 内嵌样式 > 外部样式
应用多个类样式的优先级
<标记 class=“类1 类2”>