CSS選擇父元素

Question

假如我有一個像這樣

<label><input type="radio" checked></label> 
<label><input type="radio"></label> 

問一個HTML：我怎麼能在這種情況下，選擇一個檢查收音機的標籤嗎？

Answer 1

在CSS3中，目前沒有辦法做到這一點。

你應該做的是給你的label添加一個類，然後定位該類。

作爲參考，他們正在尋找包括這在CSS 4 Specification這將使用符號：

!label > input[type="radio"]:only-child 

但是，這不是任何瀏覽器都支持，但（因爲它甚至沒有最終確定）。

Answer 2

什麼你正在努力實現是不可能的CSS3 ..如果你願意，你可以換一個容器內的元素，要麼浮動，或使用position: absolute;

Demo（如不相關定位它們你沒有提供任何特定的代碼，但我已經在這裏分享了一個一般的例子）

div.wrap label { 
    float: left; 
} 

.wrap input[type=radio]:checked + label { 
    color: red; 
}