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

Question

使用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

任何人都可以在这里说出错在哪里吗？

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

Answer 1

你不能使用两个选择器:

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

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

选择器级别3不允许在:not()伪类中使用单个简单选择器.