Como aplicar CSS ao elemento de corpo HTML?
document.body.className = "someclass";
Quero fazer isto na CSS.
body.someclass {
.
.
.
}
Infelizmente, não consigo pôr isto a funcionar no Firefox, chrome.
Estou a fazer alguma coisa de errado? Há alguma maneira de aplicarmos uma classe CSS ao corpo?
3 answers
<body class="someclass">
Parte do problema é que XHTML válido só pode ter um elemento <body>
por documento. Uma classe é geralmente atribuída a um elemento que ocorre várias vezes (ou, melhor, a um estilo que você quer aplicado várias vezes).
body {
background-color: red;
}
Se tiver uma classe que queira reutilizar, use uma vírgula no seu selector:
.coolStyle, body {
font-weight: bold;
color: red;
text-decoration: blink;
}
No entanto, tudo isto é potencialmente insignificante, porque ... tudo o que for aplicado à etiqueta <body>
será herdado pelos seus filhos, a menos que seja explicitamente estilizado de outra forma.
Não há necessidade de uma classe sobre o corpo, uma vez que você terá apenas um corpo no seu documento. A menos que você queira mudar o estilo do corpo, mudando com a classe JavaScript por alguma razão.
Se você tem que colocar uma classe no corpo faça-o assim:
<body class="someclass">
E então acesse a classe e modifique o estilo no seu css assim:
body.someclass{
...(style parameters goes here)
}
No entanto você pode mudar o estilo de todos os elementos de uma tag e uma vez que você só terá um corpo você poderia simplesmente adicionar isso ao css:
body{
...(style parameters)
}
E não adicionar nada ao html. No entanto, com tags recorrentes usar classe para um estilo que será usado várias vezes e id para um estilo que será usado apenas uma vez em uma página. Você atribui um id a uma marca como esta no html:
<tag id="someid">