Rapidinha do dia – Concatenando classes CSS em uma mesma Tag.
Para aqueles que não sabem, uma tag HTML pode receber inúmeras classes de um CSS.
Uma boa utilidade para ser aplicada é quando precisamos customizar apenas um elemento dentro de tantos que já tem uma formatação pré-definida por outra Classe mas não queremos incluir mais um seletor no CSS para fazer algo relativamente simples.
Exemplo prático
CSS
li.item_style{
color:#333;
border-bottom:1px solid #ccc;
background:#ccc;
}
li.bigger_font{
font-size:16px;
}
HTML
- Teste
- Teste
- Teste
No Código acima temos um estilo sendo aplicado a uma lista não ordenada e queremos que apenas um elemento desta lista(no exemplo o último elemento da lista) tenha um tamanho de fonte maior do que os outros. Fazendo assim aplicamos duas classes nessa mesma tag a diferenciado das outras e não precisando sujar a formatação inicial e aumentar desnecessáriamente seu código CSS.
Esse é somente um exemplo com fontes mas pode ser atribuido a qualquer propriedade de um CSS dando dinamismo à página enriquecendo o código e não se utilizando gambiarras e sujeiras dentro de seu código.
1 Comentário para “Rapidinha do dia – Concatenando classes CSS em uma mesma Tag.”
Deixe um comentário |
Obrigadão…
estava em busca disse e teu blog foi o primeiro!