css样式的继承和覆盖---lesson3

样式决定因素:

决定一个元素的样式:除了自己本身设置的样式:如style、class、id、复合内容css选择器外,还需要考虑从父元素中获取的样式,如果自己的样式没有就从所有父元素中获取,如果多个父元素有相同的样式属性,那么会以最近的父元素的样式属性为准;

调试方式:

使用火狐浏览器可以很方便的在线查看和调试样式,下面来看看;

效果图:

css样式的继承和覆盖---lesson3


分析

通过点击firebug上查看器左边的箭头,处于元素选中状态,然后选择一个页面元素,就可以定位到对于该元素的html代码,同时在左边“规则”栏目那里可以看到该元素的自己的样式属性和继承的样式属性;
css样式的继承和覆盖---lesson3


依据这个方法我们可以很直观得得到每一个元素的样式属性:

css样式的继承和覆盖---lesson3