Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Paulo Roberto Start Corp

[Resolvido] Como criar uma class css para taleba

Recommended Posts

Bom dia a todos

 

tenho o seguinte css abaixo que funciona bem

o meu problema é que ele é aplicado em todas as tabelas

tem como eu fazer uma class para aplicar apenas onde eu queira ?

 

grato

table {width: 100%}
caption {background: #525252;color: #FFFFFF;font-weight: bold;line-height: 2em;}
thead th, thead td {color:#777; font-size: 0.917em; font-weight: bold; vertical-align: middle; padding: 10px 5px}
td {text-align: left; padding: 5px; vertical-align: middle}
tbody tr.odd  {background:#f7f7f7}
tbody tr.even {background:#ededed}

table.simple td:first-child {padding-left: 10px}
table.simple td:last-child {padding-right: 10px}

table .piped, table .piped a {color:#777; font-size: 0.917em;}

.simple thead {border-bottom: 1px solid #d4d4d4}

Compartilhar este post


Link para o post
Compartilhar em outros sites
table.dif {width: 100%}
.dif caption {background: #525252;color: #FFFFFF;font-weight: bold;line-height: 2em;}
.dif thead th, thead td {color:#777; font-size: 0.917em; font-weight: bold; vertical-align: middle; padding: 10px 5px}
.dif td {text-align: left; padding: 5px; vertical-align: middle}
.dif tbody tr.odd {background:#f7f7f7}
.dif tbody tr.even {background:#ededed}

agora só a table com class="dif", é que vai herdar esses estilos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

table.dif {width: 100%}
.dif caption {background: #525252;color: #FFFFFF;font-weight: bold;line-height: 2em;}
.dif thead th, thead td {color:#777; font-size: 0.917em; font-weight: bold; vertical-align: middle; padding: 10px 5px}
.dif td {text-align: left; padding: 5px; vertical-align: middle}
.dif tbody tr.odd {background:#f7f7f7}
.dif tbody tr.even {background:#ededed}

agora só a table com class="dif", é que vai herdar esses estilos.

 

resolvido

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.