Java 子页面的不同CSS文件
我正在开发一个SpringMVCWeb应用程序,在前端我使用JSP文件。为了创建出色的动态页面,我使用了宽度不同的容器/子文件,并在顶级容器中定义了一些基本的css。为了创建一个干净的html输出,我从我的子文件中删除了Java 子页面的不同CSS文件,java,css,jsp,spring-mvc,jstl,Java,Css,Jsp,Spring Mvc,Jstl,我正在开发一个SpringMVCWeb应用程序,在前端我使用JSP文件。为了创建出色的动态页面,我使用了宽度不同的容器/子文件,并在顶级容器中定义了一些基本的css。为了创建一个干净的html输出,我从我的子文件中删除了和标记,但是没有标记,我无法为我的子页面定义不同或更精细的css文件 为子页面实现不同css的最佳方法是什么 thx PS:我能想象的唯一方法是使用javascript并将css文件加载到head标记。另一个不需要多个子css文件的选项是将类或ID附加到body标记 然后,您可以
和
标记,但是没有
标记,我无法为我的子页面定义不同或更精细的css文件
为子页面实现不同css的最佳方法是什么
thx
PS:我能想象的唯一方法是使用javascript并将css文件加载到head标记。另一个不需要多个子css文件的选项是将类或ID附加到
body
标记
然后,您可以覆盖如下属性(愚蠢的示例):
IMHO您最好的选择是使用一些简单的抽象从控制器返回的模型中派生css。。假设您有一个订单页面,订单有许多订单项,并且有一些操作要为订单执行 因此,您有一个名为order.jsp的视图,该视图由另外两个子页面orderitems.jsp和orderactions.jsp组成,然后您可以有由许多orderitem.jsp组成的orderitems.jsp和由许多orderaction.jsp组成的orderactions.jsp(作为额外的考虑,我建议您使用标记文件而不是子jsp,但这可能只是风格问题) 控制器将返回order.jsp作为视图,而模型将返回订单,在主jsp(order.jsp)中包含该信息,现在您可以看到将要显示的内容,并在head标记中相应地构建css标记 希望这有帮助
//default style
div#container { background: red;}
//child 1
.body_class_1 div#container { background: blue;}
//child 2
.body_class_2 div#container { background: green; }