CSS是網頁設計中必不可少的一部分，可以讓網頁更加美觀、有序。在CSS中，我們會涉及到繼承父控件的樣式問題，但是有時候我們不想讓子控件繼承父控件的樣式，該怎么辦呢？

我們先來看一段CSS代碼：

.parent {
width: 300px;
height: 200px;
background-color: #ddd;
border: 1px solid #999;
padding: 10px;
}
.child {
font-size: 18px;
font-weight: bold;
color: blue;
}

上面的代碼中，.parent是一個父控件，.child是一個子控件。我們希望子控件不繼承父控件的背景顏色、邊框和內邊距，該怎么做呢？

我們可以使用一個特殊的CSS屬性：all: unset。這個屬性可以清除掉一個元素的所有樣式，讓其重置為默認狀態。在我們的例子中，我們可以這樣寫：

.parent {
width: 300px;
height: 200px;
background-color: #ddd;
border: 1px solid #999;
padding: 10px;
}
.child {
all: unset;
font-size: 18px;
font-weight: bold;
color: blue;
}

這樣，子控件的所有樣式都會被清除，只保留我們自己定義的樣式。運行結果如下：

通過使用all: unset這個屬性，我們可以輕松地清除掉子控件繼承自父控件的所有樣式。在平時的網頁設計中，我們也可以根據實際需要選擇性地清除掉某些樣式，讓我們的網頁更加符合我們的設計要求。