Moja aplikacja internetowa używa dużego zestawu ikon z jquery-ui i jqgrid.
Aby w łatwy sposób utrzymać zmiany w CSS w celu dostosowania większych ikon podczas aktualizacji jquery-ui lub jqgrid, mam osobny plik CSS, w którym mam kilka przesłonięć.

Jak możesz sobie wyobrazić ten plik nadpisywaniaMUSI być dołączone po arkuszu stylów jquery-ui i arkuszu stylów jqgrid.

Umieściłem wszystkie moje arkusze stylów w taki sposób

bundles.Add(new StyleBundle("~/Content/dark-hive/allstyles").Include(
    "~/Content/dark-hive/jquery-ui-1.8.23.custom.css",
    "~/Content/ui.jqgrid.css",
    "~/Content/jquery-ui-fixes.css",
    "~/Content/icons.css",
    "~/Content/site.css"));

Ale tak się robi!

<link href="/Content/dark-hive/jquery-ui-1.8.23.custom.css" rel="stylesheet"/>
<link href="/Content/jquery-ui-fixes.css" rel="stylesheet"/>
<link href="/Content/ui.jqgrid.css" rel="stylesheet"/>
<link href="/Content/icons.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>

Jak mogę skonfigurować mój pakiet do renderowania w odpowiedniej kolejności?

Aktualizacja
Ok, to głupie, ale zadziałało.

Bez względu na to, co zrobiłem, pliki zawsze będą renderowane niepoprawnie. Spróbowałem więc czegoś głupiego i najpierw dodałem jquery-ui-fixes.css, a na końcu jquery-ui-1.8.23.custom.css.

Nagle moje zamówienie jest

<link href="/Content/jquery-ui-fixes.css" rel="stylesheet"/>
<link href="/Content/dark-hive/jquery-ui-1.8.23.custom.css" rel="stylesheet"/>
<link href="/Content/ui.jqgrid.css" rel="stylesheet"/>
<link href="/Content/icons.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>

Zmieniłem nazwę mojego pliku javascript na jqueryuifixes.css i teraz jego kolejność jest zachowywana w niższych plikach js.

Myślę, że jeśli arkusz stylów ma - w nazwie, pierwszeństwo ma z jakiegoś powodu, a jego kolejność jest zachowywana z innymi plikami z - w nim.

Jeśli ktoś może to wyjaśnić, dam im czek.