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

Question

场景： 我有一个A.xhtml页面，按钮点击打开另一个页面：B.xhtml。在页面A上，我有一个选项，可以在列表视图或块视图中显示布局。当选择列表视图时，css在弹出时正好适用于页面B.但是当我们在第A页上将选项更改为阻止视图时，页面B上的CSS不正确。

解决方案:(如果有更好的解决方案，请详细谢谢）

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

2. 使用条件css但我不知道如何在这种情况下应用它。

感谢您的帮助。