Cuiabá 71

Como especificado acima, as folhas de estilo podem ser definidas de diversas formas. Inclusive pode-se referenciar a mais de uma folha de estilos externa em um simples documento HTML.

Se houver mais de um estilo definido, por exemplo, um estilo externo e um estilo em linha, definidos para o mesmo elemento, qual estilo irá prevalecer?

Falando de forma geral podemos dizer que todos os estilos serão aplicados em cascata ou em seqüência, criando o que poderíamos dizer uma nova folha de estilos “virtual”, seguindo a seguinte regra de precedência, do mais amplo para o mais específico:

1. Padrão do Browser.
2. Folha de estilo externa.
3. Folha de estilo interna.
4. Estilo Inline (definido junto ao elemento ou tag HTML).

Ou seja, se for definido um tamanho de fonte (font size) para uma tag (ex: <p>) ao mesmo tempo em uma folha de estilos externa e em uma folha de estilos interna, prevalece o tamanho definido na folha de estilos interna.

Agora, se forem definidas propriedades diferentes para a mesma tag, essas propriedades são aplicados em conjunto, criando um novo estilo virtual.