Variables in CSS file

Question

I have a Java Web Project and I want to have a split test in my application. I want to be able to select different header images according to the passed query string. For instance, if the user retrieves the following url:

http://www.website.com/?header=1

Then I show the image A for the header. If the user retrieves the url like this:

http://www.website.com/?header=2

The I show the image B. I'm already receiving the 'header' value in my html by expression language variable. The problem is that I set the image url in a CSS file. How can I pass this variable to the CSS file to load the correct image?

PS: I know I can apply the style in the HTML file, but I want to extract all of my styles in the CSS file.

Answer 1

That's not possible unless you use something like LESS.

What you could do is make separate CSS files, use the querystring to determine your needs with Java Web and load the one you need depending on the situation.

Answer 2

include 2 different classes for the different background header images in your css, then apply the different class in coding.

.header1 {
background-image: url(background1.jpg);
}

.header2 {
background-image: url(background2.jpg);
}