Sobrescrever arquivo Css

Front-end
#1

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 ?

#2

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

#3

Gbzao, legal a sua sugestão…Mas a minha pagina é somente Jsf, ou seja, não tem tag , como faria ?

[quote=Gbzao!]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[/quote]

#4

n tem ?

como vc coloca o título de suas páginas?
posta seu código por favor!

#5

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>

#6

Legal, faz assim então:

[code]

Titulo da Sua Pagina aqui dentro coloca o que quer sobreescrever por exemplo: h1 { color: red; }

<f:view>
… conteudo do seu f:view
</f:view>

[/code]
#7

Valeu cara, vou fazer isso aí !!!

[quote=Gbzao!]Legal, faz assim então:

[code]

Titulo da Sua Pagina aqui dentro coloca o que quer sobreescrever por exemplo: h1 { color: red; }

<f:view>
… conteudo do seu f:view
</f:view>

[/code][/quote]
#8

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>
#9

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>
#10

Colega funcionou uma beleza…Muito obrigado mesmo !!!

Falow !!

[quote=Gbzao!]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:

[code]

form table {
margin-left:0pt !important;
}
table.resultado td
{
padding:2px 0px 2px 0pt !important;
}

[/code][/quote]
#11