没有类/ID的父级的CSS答案

【问题标题】：css for parent without class/id没有类/ID的父级的CSS
【发布时间】：2013-12-06 02:43:38
【问题描述】：

我有：

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

我想为既没有也没有类的“p”设置样式，我想以一种不设置其他“p”标签的方式来做。我的“p”有一个 id (#captcha_code) 的孩子。我想，如果我可以设置#captcha_code parent 的样式，它不会涉及其他人......但我不知道该怎么做......

【问题讨论】：

【解决方案1】：

目前没有一种方法可以根据元素是否包含特定子元素来设置其样式。在您的情况下，我认为设置 <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>

【讨论】：

【解决方案2】：

试试这个：

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

使用它，样式将应用于input 的父级。

【讨论】：

【解决方案3】：

为了简单起见，这是无法做到的。

与子选择器 > 不同，css 中没有（并且可能永远不会）父选择器 <。

查看this article 了解原因。

【讨论】：