如何在不覆盖CSS的情况下将一个XHTML页面包含在另一个XHTML中

Question

我需要在另一个XHTML文件(file2)中包含一个XHTML文件(file1)。File1正在使用primefaces组件和样式。File2是一个引导模板，它使用引导样式和css。当我在file2中包含file1时，primefaces样式会被bootstrap覆盖，从而导致一些primefaces组件无法正常工作。

如何在file2中包含file1而不导致其CSS被覆盖?

Answer 1

HTML本来就不支持这个，所以JSF/Facelets只是一个HTML输出生成器，对您的帮助不大。

你基本上有两个选择:

1. 将Bootstrap CSS选择器前缀为一个强而特定的选择器，该选择器在您的web应用程序中保证仅用于包装Bootstrap模板。如果有必要，您可以在将Bootstrap CSS文件作为JSF资源提供时以编程方式完成此操作。

2. 通过<iframe>包含一个模板文件。然而，这将不会与父模板共享JSF视图状态。如果有JSF表单，还是会遇到麻烦。