CSS多選一是指在頁面中選項中只能選擇其中一個，類似于單選框。這可以通過CSS中的偽類來實現。

input[type="radio"]:checked {
/* 選項被選中時應用的CSS樣式 */
}

在這個CSS規則中，使用了偽類:checked來選中被選中的單選框。為了限制只能選擇一個選項，將所有選項都放在同一個表單中，并將它們分配給相同的名稱，如下所示：

選項1
選項2
選項3

通過將它們分配給相同的名稱，當用戶選擇其中一個選項時，其他選項都將自動取消選擇，因為它們都屬于同一個表單。

在CSS中，可將所有選項包裝在容器中，并應用CSS樣式來隱藏單選框自己的樣式，如下所示：

.container {
display: inline-block;
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 20px;
height: 20px;
}
.container input[type="radio"] {
position: absolute;
opacity: 0;
cursor: pointer;
}
.container .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #ccc;
border-radius: 50%;
}
.container:hover input ~ .checkmark {
background-color: #ccc;
}
.container input:checked ~ .checkmark {
background-color: #2196F3;
}

在這個CSS樣式中，.container 類是包含選項的容器。它設置為inline-block，并帶有一些附加的樣式來使其外觀像選項標簽。.checkmark類表示偽裝成選項自己的樣式。它設置為絕對定位以覆蓋原始單選框，并根據需要設置樣式。最后，:hover和:checked偽類用于樣式目標的不同狀態。