在CSS中，我們可以通過使用單選按鈕（Radio Buttons）來實(shí)現(xiàn)男女只能選一個的功能，以下是一些示例代碼，可以幫助你實(shí)現(xiàn)這個功能：

我們需要創(chuàng)建兩個單選按鈕，分別代表男性和女性，我們可以使用HTML的<input>標(biāo)簽來實(shí)現(xiàn)：

<input type="radio" name="gender" id="male" value="male"> 男性<br>
<input type="radio" name="gender" id="female" value="female"> 女性<br>

在這個示例中，name屬性設(shè)置為"gender"，這意味著這兩個單選按鈕是同一組，用戶只能選擇一個。id屬性分別設(shè)置為"male"和"female"，以便在CSS中進(jìn)行樣式設(shè)置。value屬性分別設(shè)置為"male"和"female"，這是提交表單時傳遞給服務(wù)器的值。

我們可以使用CSS來設(shè)置這些單選按鈕的樣式，我們可以設(shè)置按鈕的大小、顏色、邊框等：

input[type="radio"] {
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
}
#male {
  background-color: #ff0000;
}
#female {
  background-color: #00ff00;
}

在這個示例中，我們設(shè)置了所有單選按鈕的寬度、高度、邊框和邊框圓角，我們分別為男性和女性的單選按鈕設(shè)置了不同的背景顏色。

我們可以使用JavaScript來監(jiān)聽用戶的選擇，并在用戶選擇一個選項(xiàng)后執(zhí)行相應(yīng)的操作，我們可以顯示或隱藏其他表單元素：

var radios = document.getElementsByName('gender');
for (var i = 0, length = radios.length; i < length; i++) {
  radios[i].addEventListener('change', function() {
    if (this.value === 'male') {
      // 顯示男性相關(guān)的表單元素
    } else if (this.value === 'female') {
      // 顯示女性相關(guān)的表單元素
    } else {
      // 顯示其他表單元素
    }
  });
}

在這個示例中，我們遍歷了所有的單選按鈕，并添加了一個change事件監(jiān)聽器，當(dāng)用戶選擇一個選項(xiàng)時，我們會根據(jù)選項(xiàng)的值來顯示或隱藏其他表單元素。