В настоящий момент на всех страницах моего сайта есть строка, выглядит так:
<link rel="stylesheet" type="text/css" media="screen, projection" href="css/screenpro.css" />
screenpro.css - это крошечный файл, который выглядит так:
@import url("reset.css");
@import url("master.css");
@import url("account.css");
@import url("slideshow.css");
@import url("enriched.css");
@import url("ie.css");
@import url("popup.css");
Все работает нормально. Однако я просто написал небольшой обработчик, который генерирует динамический файл css, который меняет цвет фона на странице. Я включил его на одну из своих страниц следующим образом:
<link rel="Stylesheet" href="ColorChange.ashx" />
Однако я очень ленив, и на моем сайте много страниц - я не хочу, чтобы мне приходилось добавлять этот новый импорт на каждую страницу. Я пробовал поместить это:
@import url("../ColorChange.ashx");
и это:
@import url("ColorChange.ashx");
в screenpro.css, но это не сработало. Есть ли у меня способ включить страницу .ashx, которая генерирует динамический CSS, в мое существующее дерево CSS, или мне придется вручную связывать ее с каждой страницы?
Изменить: интересный фрагмент в ColorChange.ashx
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/css";
String query = context.Request.UrlReferrer.Query;
Match match = Regex.Match(query, "bg=(?<bg>\\w{6})");
if (!match.Success) return;
context.Response.Write("\n.proaccount div.box, .proouter #pnlHaveResults div.box { background-color:#" + match.Groups[1] + ";}\n");
}