Css:not()选择器不支持其中的复杂选择器

时间:2014-11-18 15:09:07

标签: html5 css3 css-selectors

使用CSS3时,:not()选择器和attribute contains selector都可用,但在混合两者时会出现问题,但无效。

HTML:

<input type='text'/>
<input type='text' id="dasd_Date_asd"/>

CSS:

input[type='text']:not(input[id*='Date']) {
    display:none;
}

DEMO

有人能说出这里出了什么问题吗?

注意:我们没有权限更改标记。

2 个答案:

答案 0 :(得分:9)

您不能使用两个选择器:

input[type='text']:not([id*='Date']) {
  display: none;
}
<input type='text' />
<input type='text' id="dasd_Date_asd" />

选择器级别3不允许在:not()伪类中使用单个simple selector以外的任何内容。

答案 1 :(得分:4)

您应首先选择输入类型,然后关闭输入,其类型ID为值&#34;日期&#34;。你再次提供输入作为选择器:not()

试试这个。

&#13;
&#13;
     input[type='text']:not([id*=Date]) {
        display:none;
    }
&#13;
<input type='text'/>
<input type='text' id="dasd_Date_asd"/>
&#13;
&#13;
&#13;