html - WebSphere 中未选取 CSS 样式属性

Question

我在客户端环境 WebSphere 中部署此应用程序，但我的 CSS 属性之一在页面加载期间未被正确选取。在本地测试期间，它在 Tomcat 中工作得很好。所以它可能是客户端环境设置、缓存或其他任何东西，但它似乎不起作用。

我在页面中有一个查询表单，在同一行中有 2 个参数 empID 和 reportID。运行查询后，一些结果会返回第三个参数 date，该参数也可用于查询。所有三个参数都是表单的一部分。在初始页面加载期间，表单宽度设置为 500px。查询后，如果结果包含date参数，则通过CSS将表单宽度增加到650px。

但是 WebSphere 无法通过 CSS 识别更新后的宽度。

CSS 代码

#go-form-wrapper
{
 width: 500px;
}
#go-form-wrapper.has-date { 
 width: 650px;
}

HTML代码 - 初始页面加载

<div id="go-form-wrapper" class=" rounded-corners">

查询结果后

<div id="go-form-wrapper" class="has-date rounded-corners">

div 元素 class 在第二个页面加载时附加了 has-date，但由于某种原因没有采用 CSS 更改。客户端使用反向代理服务器缓存和东西。会不会是罪魁祸首？尝试使用客户端进行调试，重命名 css 文件并且布局损坏。然后正确命名并固定布局。所以它似乎不是缓存问题。

唯一的修复方法似乎是在初始页面加载期间将宽度设置为 650px。

 #go-form-wrapper
{
 width: 650px;
}

前端/CSS 专家有什么建议吗？

Answer 1

原来这是代码中的错误。当您附加 has-date 关键字时，后面没有任何空格，所以它最终变成了 has-daterounded-corners，所以 css 没有生效正确。