css - 有没有办法根据类以外的东西有条件地应用 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 */
}