CSS是一種用于網頁排版、美化風格,以及交互效果的語言。其中,CSS被稱為層疊樣式,就是因為其最為顯著的特點——層疊性。
樣式1 { color: red; } 樣式2 { color: blue; }
在上述代碼中,如果樣式1和樣式2都被應用到了同一個元素上,那么它的顏色會是什么呢?答案是——藍色。這是因為CSS樣式表是一種層疊結構,在同一級別的樣式中,后定義的會覆蓋前面的,以此類推。
這種層疊結構很大程度上方便了我們的排版和美化工作。首先它讓我們能夠在同一頁面上應用多個樣式,按需選擇它們之間的優先級;其次,它也可以讓我們方便地覆蓋一些默認的瀏覽器樣式等等。總之,層疊性是CSS的一項極為有用、基礎的特性。