Question

我有：

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

我想要设置既没有也没有id的“p”样式，我希望以不对其他“p”标签设置样式的方式进行设置。我的“p”有一个id为id的孩子（#captcha_code）。我想，如果我可以设置#captcha_code的样式，那么它就不会涉及到其他人......但我不知道怎么做......

Answer 1

目前没有办法根据元素是否包含特定子元素来设置元素的样式。我认为在你的案例中设置<p>样式的最好方法是：

#commentform p:not([class]){

}

关闭你的段落isn't completely necessary，但它总是更好阅读。此外，HTML中input的{{3}}：

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

Answer 2

试试这个：

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

使用此方法，该样式将应用于input的父级。

Answer 3

为了简单起见，不能这样做。

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

请查看this article了解原因。