Question

我正在开发一个spring mvc web应用程序，而我正在使用JSP文件。对于很棒的动态页面，我使用<c:import>宽度不同的容器/子文件，并在顶级容器中定义了一些基本的CSS。为了创建一个干净的html输出，我删除了我的子文件中的<html>和<head>标记，但是没有<head>标记，我无法为我定义一个不同的或更精确的css文件子页面。

为子页面实现不同css的最佳方法是什么？

THX

PS：我能想象的唯一方法是使用javascript并将css文件加载到head标签。

Answer 1

另一个不需要多个子css文件的选项是在您的body代码中附加一个类或ID。

然后，你可以覆盖这样的属性（愚蠢的例子）：

//default style     
div#container { background: red;}

//child 1
.body_class_1 div#container { background: blue;}

//child 2
.body_class_2 div#container { background: green; }

Answer 2

恕我直言，你最好的选择是从你的控制器返回的模型中使用一些简单的抽象来推导你的css ..让我们说你有一个订单页面，订单有很多订单项，并且有一些操作执行订单。

所以你有一个名为order.jsp的视图，这个视图由另外2个子页面orderitems.jsp和orderactions.jsp组成，那么你可以让orderitems.jsp由许多orderitem.jsp和orderactions.jsp组成。 orderaction.jsp（作为一个额外的考虑，我建议你使用标记文件而不是子jsp，但这可能仅仅是一种风格问题。）

您的控制器将返回order.jsp作为视图，并且模型将返回一个订单，在您的主jsp（order.jsp）中包含该信息，现在您可以看到您要显示的内容并构建css标记在你的头标记中。

希望这有帮助！

子页面的不同CSS文件

2 个答案: