CSS中的.out是一個很常見的類選擇器，它用來指定某個元素在沒有任何交互狀態(tài)下的樣式，比如在鼠標(biāo)沒有懸停在元素上、沒有被選中或沒有任何其他狀態(tài)下。

.out {
color: #333;
background-color: #f5f5f5;
border: 1px solid #ccc;
padding: 5px;
}

可以看出，.out的樣式比較基礎(chǔ)，一般是用來設(shè)置元素的邊框、背景、字體顏色等屬性。在實(shí)際開發(fā)中，我們可以很方便的使用它來設(shè)置元素的基礎(chǔ)樣式，并隨時覆蓋其他的狀態(tài)樣式。

比如我們有一個按鈕，它需要在普通狀態(tài)、鼠標(biāo)懸停狀態(tài)、被選中狀態(tài)以及其他狀態(tài)下有不同的樣式。在這種情況下，我們可以先設(shè)置一個基礎(chǔ)的.out樣式作為該按鈕在普通狀態(tài)下的樣式，然后再使用其他的類選擇器來覆蓋這個基礎(chǔ)樣式，以實(shí)現(xiàn)不同狀態(tài)下的樣式變化。

.out {
color: #333;
font-size: 14px;
padding: 10px 20px;
background-color: #f5f5f5;
border: 1px solid #ccc;
}
.out:hover {
background-color: #ddd;
}
.out:active {
background-color: #aaa;
}
.out.disabled {
color: #ccc;
background-color: #f8f8f8;
border: 1px solid #ddd;
}

通過使用基礎(chǔ).out樣式和其他類選擇器的結(jié)合，我們可以非常方便地實(shí)現(xiàn)按鈕的各種狀態(tài)下的樣式變化。