Html css：非选择器isn'；行不通

以下选择器不工作：

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

在我的

标题上

元素：

<header class="nav ignore-mobile">

带有class

单元格的标题子div仍然显示100%的宽度

知道为什么吗

更多信息：

我正在桌面上使用Chrome 40。
将
放在css选择器中。忽略手机
，如下所示：

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

请参见下面的jsfiddles以了解对比：

引用：

不加引号：
将
放在css选择器中。在引号中忽略mobile
：

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

请参见下面的jsfiddles以了解对比：

引用：

不加引号：
div是块元素，因此它们会自动获得100%的宽度。如果将所有divs宽度设置为50%，代码将正常工作

然而，使用这两种方法都有点可怕，速度非常慢，而且：不仅如此，只有在你没有选择的时候才应该使用。始终尝试使用简短、简单且包含css的分类，而不是复杂的排除类

在这种情况下，明显的选择是只使用div{width:50%；}。忽略mobile。无单元格{width:100%；}

这是您的错误代码的工作副本：）


*：不（.ignore mobile）[class^=“cell”]{
宽度：100%；
}
div{
背景：红色；
利润率：1米0；
宽度：50%；
}

JS-Bin
测验
测试2
div是块元素，因此它们会自动获得100%的宽度。如果将所有divs宽度设置为50%，代码将正常工作

然而，使用这两种方法都有点可怕，速度非常慢，而且：不仅如此，只有在你没有选择的时候才应该使用。始终尝试使用简短、简单且包含css的分类，而不是复杂的排除类

在这种情况下，明显的选择是只使用div{width:50%；}。忽略mobile。无单元格{width:100%；}

这是您的错误代码的工作副本：）


*：不（.ignore mobile）[class^=“cell”]{
宽度：100%；
}
div{
背景：红色；
利润率：1米0；
宽度：50%；
}

JS-Bin
测验
测试2
您需要说明您使用的浏览器/设备（因为该版本可能不支持语法？）您需要为我们提供更多的上下文。对此，我很抱歉，我编辑了我的回答如果您需要更多，请告诉我。您不需要额外的信息，因为答案在很大程度上与浏览器无关。请参见下面的我的答案您需要说明您使用的浏览器/设备（因为该版本可能不支持语法？）您需要为我们提供更多上下文。抱歉，我编辑了我的答案如果您需要更多，请让我知道。您不应该需要额外的信息，因为答案在很大程度上与浏览器无关。下面是我的答案。我们是对的，这就是解决办法。然而，我不明白为什么大多数选择器没有引号。这是因为破折号（-）吗？似乎当单独使用
：not（）
或前面只有
*
时，它需要加引号。但是，如果您执行了类似于
标题：not（.ignore mobile）.
的操作，则不需要使用引号。我不知道为什么，这是一个很好的问题。温豪斯，你是对的，这就是解决办法。然而，我不明白为什么大多数选择器没有引号。这是因为破折号（-）吗？似乎当单独使用
：not（）
或前面只有
*
时，它需要加引号。但是，如果您执行了类似于
标题：not（.ignore mobile）.
的操作，则不需要使用引号。我不知道这是为什么，这是一个很好的问题Tony，我实际上没有在我的代码中使用*，这只是一个测试，以确保我针对所有元素（因为它不起作用，我尝试了所有选项）。另外，我知道div是块元素。cell div是浮动的，并且是网格布局的一部分，正如您可能已经猜到的……Tony，我并没有在我的代码中实际使用*，这只是一个测试，以确保我针对所有元素（因为它不起作用，我尝试了所有选项）。另外，我知道div是块元素。单元格div是浮动的，并且是网格布局的一部分，正如您可以猜到的。。。