在CSS中，樣式的層疊和繼承是兩個非常重要的概念。層疊指的是當多個選擇器作用在同一個元素上時，如何確定最終的樣式。而繼承則是指某些樣式可以被其父元素所繼承。

層疊的規則是基于選擇器的權重進行的。選擇器的權重是根據選擇器的類型、數量和位置等因素來計算的。較高的選擇器權重將覆蓋較低的選擇器權重，從而決定最終的樣式。

/* 以下是選擇器的權重計算規則 */
/* 元素選擇器的權重為 1 */
p {
color: blue;
}
/* 類選擇器的權重為 10 */
.my-class {
color: red;
}
/* ID 選擇器的權重為 100 */
#my-id {
color: green;
}
/* !important 關鍵字的權重最高，為 infinity */
p {
color: yellow !important;
}

如果有多個選擇器作用在同一個元素上，樣式將按照以下順序進行層疊：

1. 按照 !important 的權重進行層疊
2. 按照選擇器的權重進行層疊
3. 按照 CSS 代碼的順序進行層疊，后面的樣式覆蓋前面的樣式

繼承則是一種非常方便的特性，它允許我們不用為每一個元素單獨指定樣式，而是可以將某些樣式應用到父元素，從而自動應用到其子元素。以下是一些可以被繼承的樣式：

/* 以下是可以被繼承的樣式 */
/* 字體樣式 */
font-family
font-size
font-weight
line-height
/* 文本樣式 */
color
text-align
/* 列表樣式 */
list-style
list-style-type
list-style-position

需要注意的是，并不是所有樣式都會被繼承。例如，邊框樣式和背景樣式就不能被繼承。另外，需要注意的是，繼承樣式只會應用到未明確指定樣式的元素。如果子元素已經明確設置了該樣式，那么繼承將不起作用。

了解樣式的層疊和繼承規則可以幫助我們更好地組織樣式，避免樣式沖突和效率問題。同時，利用繼承可以讓我們更快速地創建樣式和布局，提高開發效率。