在前端開發過程中，經常會遇到子類不繼承 CSS 樣式的問題。這個問題是由于 CSS 樣式的優先級規則導致的。

CSS 樣式的優先級規則是根據優先級從高到低進行覆蓋的。具體規則如下：

1. !important  
2. 行內樣式  
3. ID 選擇器  
4. 類選擇器，屬性選擇器，偽類選擇器  
5. 元素選擇器，偽元素選擇器  
6. 通配符和繼承的樣式

因此，如果一個子類已經存在與父類相同的 CSS 屬性，則會采用子類的樣式而不是父類的樣式。如果你想要將 CSS 樣式從父類傳遞到子類，使用以下方法：

1. 給父類添加!important 來增加樣式的優先級。但這是一個不好的解決方案，應該盡量避免使用這種方法。
2. 在父類中定義一個新的類，然后在子類中使用該新類。

在實際開發中，我們需要確保 CSS 樣式的良好組織和規劃，否則就會遇到子類不繼承的問題。更好的方法是使用層疊優先級來控制 CSS 樣式的優先級，并注意繼承和重載的樣式。