CSS（Cascading Style Sheets）是 web 頁面中用于美化和排版的語言。其最基本的作用就是將 HTML 中的內容進行美化和排版，也就是為網頁增加一定的視覺效果。CSS 語言擁有眾多的特性和功能，其中最重要的有兩個：層疊和繼承。

CSS 樣式層疊
層疊的定義是指，多個 CSS 樣式可以對同一個元素進行設置，而這些樣式有優先級之分，同時多個樣式也可以進行疊加，從而形成最終的視覺效果。當多個樣式應用到同一個元素上時，樣式優先級從最高到最低依次為：
1. 通過 style 屬性定義的樣式
2. 通過 ID 選擇器定義的樣式
3. 通過類、屬性和偽類選擇器定義的樣式
4. 通過元素和偽元素選擇器定義的樣式
5. 通過通配符和繼承得到的樣式
當有多個 style 定義的樣式規則存在時，后定義的規則會覆蓋先定義的規則。
樣式的層疊是 CSS 最為重要的特性之一，它使得樣式定義得到更為嚴密的支持，使得布局變得更加靈活。

CSS 樣式繼承
CSS 樣式的繼承，指的是元素可以從其父元素繼承樣式。這意味著，可以在頂層元素中設置一些通用的樣式，然后讓子元素繼承這些樣式。通過這種方式，可以為頁面增加一定的可復用性，使代碼變得更加簡潔易懂。
當需要在子元素中進行樣式設置時，如果該子元素具有相同屬性名稱的樣式規則，那么子元素定義的樣式規則優先級更高，其將覆蓋繼承的樣式。
有時候，繼承并不是一個非常好的選擇，因為它會導致代碼的不透明性。但是，適當的繼承可以使代碼的可讀性和可維護性更高，所以合理使用 CSS 樣式的繼承是很重要的。