html - :not selector css not working on field selection

Question

下面的代码没有显示预期的结果。

form p label:not(label[for=id_cc_myself]) {
        display: block;
        margin-bottom: 3px;
}

相反，此样式语句根本没有选择任何标签。它不是有效的 CSS3 吗？

顺便说一句，这是相关的 html :

<form action="contact/" method="post">
  <h3>Contact form</h3>
  <div class="note">
    <img src="/static/core/img/info_icon.png" alt="info"><span>Please make sure to fill out all the fields below.</span>
  </div>
  <p>
    <label for="id_subject">Subject:</label>
    <input id="id_subject" maxlength="100" name="subject" type="text">
  </p>
  <p>
    <label for="id_sender">Your email address:</label>
    <input id="id_sender" name="sender" type="email"> <span class="helptext">you@example.com</span>
  </p>
  <p>
    <label for="id_message">Message:</label>
    <textarea cols="40" id="id_message" name="message" rows="10"></textarea>
  </p>
  <p>
    <label for="id_cc_myself">Send me a copy of this message:</label>
    <input id="id_cc_myself" name="cc_myself" type="checkbox">
  </p>
  <input type="submit" value="Submit">
</form>

:not 选择器是否允许在嵌套字段选择上播放？

Answer 1

应该这样做

form p label:not([for="id_cc_myself"]) {
    display: block;
    margin-bottom: 3px;
}

你可以在这里看到一个例子:

http://jsfiddle.net/DFxv6/