我在客户端环境 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 专家有什么提示吗？
原来这是代码中的一个错误。当您附加has-date关键字时，后面没有任何空格，因此它最终为has-daterounded-corners，因此 css 无法正确拾取。