如何在网站的某些页面上使用CSS文件？

Question

如何指定加载一个或多个CSS文件的页面？ 例如：

/ admin
--- admin.css
--- control.css
--- bootstrap.css

/ contacts
--- styles.css
--- slider.css

Answer 1

由Pawel

撰写

这是一个jQuery代码段：

$('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'your stylesheet url') );

Answer 2

如果您不想隐藏该CSS，请编写简单的地图。例如：

var map = {};
map[ /.*\.html/ ] = [ "base.css" ];
map[ /.*\/admin\.html/ ] = [ "admin.css", "other.css" ];

var i, key, link;
for ( key in map ) {
  if ( map.hasOwnProperty( key ) && !!document.URL.match( key ) ) {
    for ( i = map[ key ].length - 1; i >= 0; --i ) {
      $('head').append( 
        $("<link rel=\"stylesheet\" type=\"text/css\" />").attr(
          "href", map[ key ][ i ] ) );
    }
  }
}