CSS WebSphere 中未选取样式属性

Question

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

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

但是 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;
}

前面end/CSS专家有什么提示吗？

Answer 1

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