High-end dynamic CSS_html/css_WEB-ITnose

Custom css function (dynamic stylesheet) needs to be added to the project. Let’s summarize the implementation method.

1. Dynamically set the file path in JSP

Pre-generate some css files, which are selected by the user. When the jsp is requested, the css file selected by the user is dynamically loaded.

xml code

This method, There is a lot of talk online.

2. Overriding CSS styles

takes advantage of a feature of CSS, that is, when there is a style with the same name, the new style content will overwrite the old one. For elements using the style, the nearest style content is used.

So, we can reference a default style file in , and then dynamically output the customer-customized CSS style to JSP

xml code

4. style>

, so that the customer-customized css will override the default style.

3. Use jsp to dynamically generate CSS

Rename the css style file to .jsp. When referencing the style file, use this jsp file to dynamically generate the style. mycss.jsp is as follows

xml code

3. request.setAttribute("baseColor", request.getParameter("baseColor"));  
4. request.setAttribute("color", request.getParameter("color"));                                                                                              ;c:out value="${color}" default="#003399"/>;
5. ;  
6. } 
8. Quote in jsp
9. rel="STYLESHEET" type="text/css" href="/mycss.jsp?baseColor=red&color=blue" >

Because of the link tag, the request cannot be passed too , so parameters need to be passed through the url, or through the session.