html - CSS :not selector isn't working

Question

以下选择器不起作用:

*:not(.ignore-mobile) [class^="cell"]{width:100%;}

在我的 header 元素上:

<header class="nav ignore-mobile">

cell 类的页眉子 div 仍然显示宽度 100%。

知道为什么吗？

更多信息:

我在桌面上使用 Chrome 40。

Answer 1

将 .ignore-mobile 放在你的 css 选择器中，像这样用引号引起来:

*:not(".ignore-mobile") [class^="cell"]{width:100%;}

请参阅下面的 jsfiddles 进行对比:

引号: http://jsfiddle.net/1jfdukd1/1/

不在引号中: http://jsfiddle.net/1jfdukd1/2/