css中的父級選擇器？

-7

我怎樣才能通過引用與他們的子元素使用純CSS的父元素？css中的父級選擇器？

#checkbox{ 
 
    width: 24px; 
 
    height: 24px; 
 
    vertical-align: middle; 
 
} 
 
#checkbox:checked (parentName){ 
 
    color: red; 
 
}

<label for="checkbox"> 
 
    <input type="checkbox" id="checkbox" /> 
 
    click me 
 
</label>

我知道我們可以簡單地使用jQuery找到子元素的父。就像這樣; -

$(this).parent().css({'color': 'red'});

是否有無法識別使用純CSS選擇器的父選擇器？

2016-07-08 Krish

你不能。在stackoverflow中同樣問題的無數個。先搜索!!! –

也許有像父母元素的僞選擇器，如'：parent' –

而不是投票我的評論，標記爲重複關閉。我無法理解爲什麼投票我的評論，而不是投票結束。 –

是否有無法識別使用純CSS選擇器的父選擇器？

號

我們仍然沒有在機CSS父選擇。但在未來可能會有一些CSS方法可用。

一個簡單的解決方法，您的問題可以解決像中某些元素包裹父label的文本內容，如span：

#checkbox{ 
 
    width: 24px; 
 
    height: 24px; 
 
    vertical-align: middle; 
 
} 
 
#checkbox:checked + span{ 
 
    color: red; 
 
}

<label for="checkbox"> 
 
    <input type="checkbox" id="checkbox" /> 
 
    <span>click me</span> 
 
</label>

2016-07-08 11:59:17 Jai

我不明白爲什麼人們低估了一個簡潔的答案。 –

@ J.C.Rocamonde我不是downvoter，但我認爲這是一個過度重複的問題。 –

這不是用戶應答的錯誤。 –

回答