ajax实用技术教学课件作者程继洪肖川李海斌编著第2章css3基础2.5.pptxVIP

2.5 样式的继承、冲突与叠加 如果在网页中一个元素没有指定样式，那它会显示什么样式呢？ 答案是它将使用父元素（即包含它的元素）的样式，这种性质称为样式继承。 如果同一网页对应多个选择器，那么就会出现样式冲突和叠加的情况。 所谓样式冲突就是指对于同一CSS属性却设置了不同的值，如color属性在不同的选择器中，针对同一元素设置了不同的颜色。 所谓样式叠加就是指不同的选择器针对同一元素指定了不同的CSS属性，这些CSS属性共同决定元素的样式，即同一元素应用了多个样式。 对于样式叠加比较容易理解，就是同一元素应用多种样式。但对于样式冲突该怎么解决呢？元素到底该应用哪个选择器的样式呢？ 这是由样式表的优先级和“就近原则”决定的。 在2.1节中介绍了行内样式表、内部样式表和外部样式表，这三种样式表的优先级顺序是： 行内样式表内部样式表外部样式表。 也就是说，如果这三个样式表中规定的样式存在冲突，则先以行内样式表中定义的样式为准，如果没有定义行内样式表，则以内部样式表为准，依次类推。 “就近原则”就更容易理解了，哪个选择器离选择的元素越近，就优先采用哪个选择器的样式。其实样式表的优先级也符合“就近原则”， 此外，解决冲突还有一个原则，那就是“作用范围小者优先”。 意思是指，选择器的作用范围小的优于作用范围大的，也就是说如果两者发生冲突，则采用作用范围小的选择器定义的样式。 大家可以在清单2-