有没有办法根据类以外的其他东西有条件地应用CSS？

Question

我们有大约20个错误页面，我们正在逐步重新设计每个页面。

具有ehp-container类的父元素由旧错误页面和新错误页面的相同代码段创建。问题是，提供给我的新背景图片大小不同，所以当我尝试应用样式时，我需要让它们看起来很适合新的错误页面（background-size：100％93％;），旧的错误页面，使用静态背景大小。

我看到的选项：

1. 修改构建器类，为ehp-container添加一些额外的类，以区分新的错误页面（不太理想，hackish）

2. 要求UX团队提供尺寸匹配的新图像（长周转时间）

有人能想到别的吗？

Answer 1

将标识符应用于外部容器。您的错误页面是否有模板（例如，母版页/布局页面）。如果是这样，那个旧版本会使用与新版本不同的版本吗？

如果是这样，请将类名或id添加到外部容器中并在CSS中引用它：

#newerrorpage-outercontainer .ehp-container {
    /* attributes */
}

或者，对于生成错误页面的代码，更新它以接受cssClass参数并将其应用于容器类名称旁边：

.ehp-container.ehp-v2 {
    /* attributes */
}