不同的CSS文件的子頁面

我正在一個春天mvc web應用程序和我使用JSP文件的前端。爲了使動態頁面更加美觀，我使用了寬度不同的容器/子文件，並在頂層容器中定義了一些基本的CSS。爲了創建一個乾淨的html輸出，我刪除了我的子文件中的<html>和<head>標籤，但沒有<head>標籤，我無法爲我的子頁面定義不同或更精緻的css文件。不同的CSS文件的子頁面

爲子頁面實現不同的CSS的最佳方式是什麼？

THX

PS：我能想象的唯一方法是使用JavaScript和加載CSS文件頭標記。

來源

2012-02-15 KenavR

不需要多個子css文件的另一種選擇是將類或ID附加到body標記。

然後，您可以覆蓋這樣的（愚蠢的例子）性質：

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

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

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

來源

2012-02-15 13:53:41

恕我直言，你最好的選擇是通過使用一些簡單的抽象推導出你的CSS從模型從你的控制器返回了..讓我們說，你有一個訂單頁面，訂單有很多訂單項目，並且有一些行動可以執行訂單。

所以你有一個叫做order.jsp的視圖，這個視圖是由另外2個子頁面orderitems.jsp和orderactions.jsp組成的，那麼你可以有orderitem.jsp組成的很多orderitem.jsp和orderactions.jsp組成許多orderaction.jsp（作爲額外的考慮，我會建議你使用標記文件而不是子jsp，但這可能只是一個樣式問題）。

您的控制器將返回order.jsp作爲視圖，並且隨着模型將返回一個訂單，並在您的主jsp（order.jsp）中包含該信息，您現在可以看到您要顯示和構建的內容CSS標籤會在您的頭標籤中相應地標記。

希望這會有所幫助！

來源

2012-02-15 14:34:08

不同的CSS文件的子頁面

回答

相關問題