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

Question

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

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

我看到的选项：

1. 修改构建器类以向 ehp-container 添加某种附加类，以区分新的错误页面（不太理想，hackish）

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

谁能想到别的？

Answer 1

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

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

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

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

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