的CSS無級/ ID父

Question

我有：

<form id="commentform"> 
    <p class="class1"> 
    <p class="class2"> 
    <p> 
     <input id="captcha_code"></input> 
    </p> 
</form> 

我想風格的「P」不具備，也不ID沒有課，我想這樣做的方式，它沒有風格其他「p」標籤。 我的「p」有一個id（#captcha_code）的孩子。我想，如果我可以樣式#captcha_code父，也不會關心他人......但我不知道該怎麼辦呢？

Answer 1

試試這個：

p > input { 
    // style for that.. 
} 

利用這一點，樣式將應用於input的父項。

搗鼓這個：http://jsfiddle.net/afzaal_ahmad_zeeshan/WyV7A/

Answer 2

目前沒有辦法樣式基於它是否包含一個特定的子元素。我能想到的最好辦法風格的情況下，<p>是：

#commentform p:not([class]){ 

} 

關閉你的段落isn't completely necessary，但它總是更好的閱讀。此外，you shouldn't add a closing tag在HTML您input：

<form id="commentform"> 
    <p class="class1"></p> 
    <p class="class2"></p> 
    <p> 
     <input id="captcha_code"> 
    </p> 
</form> 

JSFiddle

Answer 3

爲了簡單起見，這個不能做。

與子選擇器>不同，在css中沒有（並且可能永遠不會）父母<選擇器。

看看this article，看看爲什麼。