Javascript 在xhtml页面上id不同时修改CSS。（jsf页面）

情景： 我有一个A.xhtml页面，点击按钮打开另一个页面：B.xhtml。在A页上，我有一个选项，它以列表视图或块视图的形式显示布局。当选择列表视图时，css在页面B弹出时可以完美地工作。但是，当我们在A页上更改“阻止视图”选项时，B页上的css是不正确的

解决方案：（如果有更好的解决方案，请精确，谢谢）

使用javascript将css更改为新的css，但问题是我无法捕获用于网格/列表视图的id

使用条件css，但我不知道如何在这个上下文中应用它

---

感谢您在advanced中提供的帮助。

在按钮上单击“发送此对象”并从中获取表单。您可以详细说明您的答案吗？我在这方面有点新手？切换到另一个xhtml时，您可以检查选择了哪种类型，并根据它强制执行css。您在B页面中如何在列表视图和块视图之间切换？你能展示一些代码吗？