CSS Fallback

by skibulk

HTML

<link rel="stylesheet" type="text/css" href="broken-link.css" data-fallback="broken-link2.css">

JavaScript

(function($){
    var links = {};
    
    $( "link[data-fallback]" ).each( function( index, link ) {
        links[link.href] = link;
    });
    
    $.each( document.styleSheets, function(index, sheet) {
        if(links[sheet.href]) {
            var rules = sheet.rules ? sheet.rules : sheet.cssRules;
            if (rules.length == 0) {
                link = $(links[sheet.href]);
                link.attr( 'href', link.attr("data-fallback") );
            }
        }
    });
})(jQuery);