CSS是前端開發必不可少的一種技術，它可以幫助我們對網頁進行樣式設置，從而使網頁更加美觀、易讀。但是，CSS樣式有一些特點需要我們特別注意，比如有些樣式不會被繼承。其中，透明樣式就是一種不會被繼承的樣式。

透明樣式是通過CSS中的opacity屬性來設置的，它的取值范圍是從0到1。0代表完全透明，元素將會被隱藏，1代表完全不透明，元素將會顯示出來。

如果一個元素設置了透明樣式，它的子元素不會繼承這個屬性。這意味著，即使父元素設置了opacity屬性，子元素依然會顯示為完全不透明的狀態。

/* 父元素 */
div {
opacity: 0.5;
}
/* 子元素 */
div p {
/* 子元素不會繼承opacity屬性 */
/* 所以此處的opacity屬性設置不起作用 */
opacity: 1;
}

上面的代碼中，子元素的opacity屬性設置不起作用，因為它不會繼承父元素的opacity屬性。要想解決這個問題，我們可以使用rgba顏色來代替opacity屬性。

rgba顏色由紅、綠、藍、透明度四個值組成，其取值范圍都是從0到255。例如，rgba(255, 255, 255, 0.5)代表白色半透明。相比于opacity屬性，rgba顏色可以被子元素繼承。

/* 父元素 */
div {
/* 使用rgba顏色代替opacity屬性 */
background-color: rgba(255, 255, 255, 0.5);
}
/* 子元素 */
div p {
/* 子元素會繼承背景色的透明度 */
color: #000; /* 此處的顏色為黑色，會繼承父元素的透明度 */
}

通過使用rgba顏色，我們可以解決子元素不繼承透明樣式的問題。如果您在開發中遇到該問題，可以試試使用rgba顏色。