css“if has”类，使用其他媒体查询

Question

我有网站的媒体查询：

从580开始 - 智能手机 从580到930 - 平板电脑 从930 - 桌面

但是有一页有另一个媒体查询：

从670开始 - 智能手机 从670到930 - 平板电脑 从930 - 桌面

如果有“cart-page”类使用此媒体查询或者没有使用其他媒体查询，我该怎么办？

我不想复制我的风格。

Answer 1

CSS中没有if检查。您必须使用相同媒体查询中的类来区分两种（或更多）模式。为每个模式赋予整个包装元素一个类更好。例如，您可以为body标记提供更好的标记，html标记为您选择的每个类别代表其他内容的类，并且您可以使用该标记来处理选择器。

在您的情况下，您可以为所有页​​面提供一个类，并将其替换为您的特殊页面的特定类，并使用它。

实施例

@media screen and(max-width:580px){
    .allPages a{ color:green; }
}

@media screen and(max-width:670px){
    .specialPage a{ color:red; }
}