今天做了乙個專題頁，應用到了css的特殊性和繼承。其實疊層樣式就是通過繼承和特殊性來實現的。
**邏輯結構如下：
div.content>(div.bgb.con1+div.bgb.con2)解釋：1.設計圖是乙個年貨專場，分為自提商品和快遞商品兩塊。**中用con1和con2來表示。自提商品和快遞商品塊中都有背景。
2.公司專題頁有專門的模板，專題中的商品背景都是白色的。
3.設計圖中給出乙個固定高度的漸變背景。但是在自提和快遞容器中存放的商品個數是不確定的。
給出的解決方案是：
1.將一整個漸變背景都放在自提類商品中，漸變到一定距離，下面就用純色。
2.快遞類商品繼續用純色。
因為專題頁中很多都是公用樣式，不能去刪除那些樣式，只能在私有的樣式表中加樣式，通過層疊來覆蓋，**如下：
原來的樣式：
.bgb新加的樣式：
.content
.con1
.con2
這樣一來：
1. .con1 .con2會覆蓋.bgb的樣式（根據出現順序）
2.因為ny_goods_con1.jpg是有高度的，當存放的商品超出背景高度的時候，就會顯示.content的背景色。（注意：這個不是繼承父親的背景色，而是因為預設的背景顏色是透明的，因為超出部分沒有背景色，所以就看到了父親的背景。再注意：超出部分不會顯示.bgb的背景色，因為.bgb已經被.con給覆蓋了。）
3.要給.con2設定背景。如果你覺得讓他直接透過父親的顏色，那你就錯了，因為如果不給.con2設定背景，那麼.bgb就會生效。
最後的專題頁的效果如下：2013新春年貨囤起來
css層疊樣式
css 四大核心 一 選擇器 二 盒子模型 實現網頁布局 三 浮動四 四 定位 了解css 概念 層疊樣式表 級聯樣式表 cascading style s heet 作用 美化網頁 通過css的方式給html標籤設定樣式 css語法 選擇器 類選擇器 語法 1.定義型別.自定義型別名 2.呼叫型別...
css層疊樣式
層疊樣式表 層疊 相同的樣式的不同值作用到同一元素的時候,會有樣式被覆蓋.樣式生效會有先後重要的順序.根據樣式優先順序,如果優先順序一樣,後寫會覆蓋先寫的.樣式表 元素視覺表現的集合.例如我們看到的寬高背景顏色等等 樣式是依附html而存在的,如果沒有標籤,樣式將毫無意義.最小影響法則 當我們建立乙...
css層疊樣式
用來調節標籤的樣式 注釋 標籤選擇器 元素選擇器 divid選擇器 d1類選擇器 c1樣式類名不要用數字開頭 通用選擇器 後代選擇器 標籤 空格 標籤 div span樣式只改變後代標籤，並不改變父類本身 兒子選擇器 只影響兒子，其他後代不影響 div span毗鄰選擇器，只影響div 後邊同一級別...