Skip to main content
adicionou 344 caracteres ao conteúdo
Fonte Link
Renan Gomes
  • 19,3mil
  • 8
  • 54
  • 114
var FILE = '/assets/css/meucss.css';

var css = document.createElement('link');
css.setAttribute('rel','stylesheet');
css.setAttribute('type', 'text/css');
css.setAttribute('href', FILE);

document.getElementsByTagName('head')[0].appendChild(css);

Você não deu muitas informaçõesSe já tiver um link e só precisar alterar a referência, maspode fazer assim no html:

<!-- sem 'href' definido -->
<link rel='stylesheet' type='text/css' id='dinamico'/>

E no Javascript pegá-lo pelo atributo id:

var FILE = 'meucss.css';
document.getElementById('dinamico').setAttribute('href', FILE);

No mais, dependendo de como estiver fazendo, pode usar um único arquivo css e utilizar classes no body para definir quais regras devem ser aplicadas naquele documento. Por exemplo:

/**
 * O 'body' de todas as páginas que incluirem esse css será preto.
 */

body { background-color: black }


/**
 * O 'body' das páginas que incluirem a classe 'espefico' será azul.
 */
body.especifico { background-color: skyblue }
<body class='especifico'>
  Qual a minha cor?
</body>

var FILE = '/assets/css/meucss.css';

var css = document.createElement('link');
css.setAttribute('rel','stylesheet');
css.setAttribute('type', 'text/css');
css.setAttribute('href', FILE);

document.getElementsByTagName('head')[0].appendChild(css);

Você não deu muitas informações, mas dependendo de como estiver fazendo, pode usar um único arquivo css e utilizar classes no body para definir quais regras devem ser aplicadas naquele documento. Por exemplo:

/**
 * O 'body' de todas as páginas que incluirem esse css será preto.
 */

body { background-color: black }


/**
 * O 'body' das páginas que incluirem a classe 'espefico' será azul.
 */
body.especifico { background-color: skyblue }
<body class='especifico'>
  Qual a minha cor?
</body>

var FILE = '/assets/css/meucss.css';

var css = document.createElement('link');
css.setAttribute('rel','stylesheet');
css.setAttribute('type', 'text/css');
css.setAttribute('href', FILE);

document.getElementsByTagName('head')[0].appendChild(css);

Se já tiver um link e só precisar alterar a referência, pode fazer assim no html:

<!-- sem 'href' definido -->
<link rel='stylesheet' type='text/css' id='dinamico'/>

E no Javascript pegá-lo pelo atributo id:

var FILE = 'meucss.css';
document.getElementById('dinamico').setAttribute('href', FILE);

No mais, dependendo de como estiver fazendo, pode usar um único arquivo css e utilizar classes no body para definir quais regras devem ser aplicadas naquele documento. Por exemplo:

/**
 * O 'body' de todas as páginas que incluirem esse css será preto.
 */

body { background-color: black }


/**
 * O 'body' das páginas que incluirem a classe 'espefico' será azul.
 */
body.especifico { background-color: skyblue }
<body class='especifico'>
  Qual a minha cor?
</body>

Fonte Link
Renan Gomes
  • 19,3mil
  • 8
  • 54
  • 114

var FILE = '/assets/css/meucss.css';

var css = document.createElement('link');
css.setAttribute('rel','stylesheet');
css.setAttribute('type', 'text/css');
css.setAttribute('href', FILE);

document.getElementsByTagName('head')[0].appendChild(css);

Você não deu muitas informações, mas dependendo de como estiver fazendo, pode usar um único arquivo css e utilizar classes no body para definir quais regras devem ser aplicadas naquele documento. Por exemplo:

/**
 * O 'body' de todas as páginas que incluirem esse css será preto.
 */

body { background-color: black }


/**
 * O 'body' das páginas que incluirem a classe 'espefico' será azul.
 */
body.especifico { background-color: skyblue }
<body class='especifico'>
  Qual a minha cor?
</body>