1. 程式人生 > >css樣式的繼承和覆蓋---lesson3

css樣式的繼承和覆蓋---lesson3

樣式決定因素:

決定一個元素的樣式:除了自己本身設定的樣式:如style、class、id、複合內容css選擇器外,還需要考慮從父元素中獲取的樣式,如果自己的樣式沒有就從所有父元素中獲取,如果多個父元素有相同的樣式屬性,那麼會以最近的父元素的樣式屬性為準;

除錯方式:

使用火狐瀏覽器可以很方便的線上檢視和除錯樣式,下面來看看;

效果圖:


分析

通過點選firebug上檢視器左邊的箭頭,處於元素選中狀態,然後選擇一個頁面元素,就可以定位到對於該元素的html程式碼,同時在左邊“規則”欄目那裡可以看到該元素的自己的樣式屬性和繼承的樣式屬性;

依據這個方法我們可以很直觀得得到每一個元素的樣式屬性: