Arquivo Discussoes de Programacao e Tecnologia Galera é o seguinte:
Tenho um arquivo leiaute.css com as definições necessárias para a minha pagina. No entanto, dentro da minha pagina eu gostaria de utilizar o a propriedade do arquivo leiaute.css mas com outros valores. É possível sobrescrever essa propriedade sem alterar no arquivo leiaute.css ?
Como ?
Sim é possível.
Digamos que você tenha um arquivo
estilo.css
Dentro dele temos
h1 { color: red; }
Na sua Página se você colocar dentro do
<style type="text/css">
h1 { color: blue; }
</style>
ou <h1 style="color: blue;">Titulo</h1>
O titulo vai aparecer em Azul
Gbzao, legal a sua sugestão…Mas a minha pagina é somente Jsf, ou seja, não tem tag , como faria ?
Sim é possível.Digamos que você tenha um arquivo
estilo.css
Dentro dele temos
h1 { color: red; }Na sua Página se você colocar dentro do
<style type="text/css"> h1 { color: blue; } </style>ou
<h1 style="color: blue;">Titulo</h1>
O titulo vai aparecer em Azul
n tem ?
como vc coloca o título de suas páginas?
posta seu código por favor!
na verdade eu não estou colocando títulos nas minhas paginas, os títulos são definidos em arquivo a parte…Nesta pagina tem somente a tag:
<f:view>
</f:view>
<html>
<head>
<title>Titulo da Sua Pagina</title>
<style type="text/css">
aqui dentro coloca o que quer sobreescrever por exemplo:
h1 { color: red; }
</style>
</head>
<body>
<f:view>
... conteudo do seu f:view
</f:view>
</body>
</html>
Valeu cara, vou fazer isso aí !!!
Legal, faz assim então:<html> <head> <title>Titulo da Sua Pagina</title> <style type="text/css"> aqui dentro coloca o que quer sobreescrever por exemplo: h1 { color: red; } </style> </head> <body> <f:view> ... conteudo do seu f:view </f:view> </body> </html>
Galera fiz conforme Gbzao sugeriu, porém ele continua considerando o estilo do arquivo.
<head>
<style type="text/css">
form table {
margin-left:0pt;
}
table.resultado td
{
padding:2px 0px 2px 0pt;
}
</style>
</head>
Não sei como vc está importando seu css, mais temos mais uma opção.
Quando queremos que um campo não seja sobrescrito, podemos utilizar o comando !important do css
Portanto, tente assim:
<head>
<style type="text/css">
form table {
margin-left:0pt !important;
}
table.resultado td
{
padding:2px 0px 2px 0pt !important;
}
</style>
</head>
Colega funcionou uma beleza..Muito obrigado mesmo !!!!!!
Falow !!
Não sei como vc está importando seu css, mais temos mais uma opção.Quando queremos que um campo não seja sobrescrito, podemos utilizar o comando !important do css
Portanto, tente assim:
<head> <style type="text/css"> form table { margin-left:0pt !important; } table.resultado td { padding:2px 0px 2px 0pt !important; } </style> </head>