[Resolvido] Aplicar CSS

[formigoni 0]

Olá bom dia,

Sou novo em css e preciso de uma dica de vocês.

Como posso aplicar um css somente em uma tabela sem afetar as demais tabelas que tenho em meu projeto?

 

Tenho esse código:

 

 /*
----------------------------------------------------------------------
Arquivo .............: CSS - Configurações da página
----------------------------------------------------------------------
*/
    
	* { 
		font-family:Tahoma, Arial, Helvetica, sans-serif; 
		font-size:11px; 
	}
    
	h1 { 
		font-size:24px; 
		color:#e63c1e; 
	}
    
	th, td { 
		padding:6px; 
		border-bottom:1px solid #ddd; 
		text-align:left; 
	}
    
	th { 
		background:#6D6570; font-weight:bold; color:#fff; 
	}
    
	tr.zb td { 
		background:#eee; 
	}

É um script que peguei na internet para "zebrar" uma tabela, o efeito funciona mas gostaria que esse efeito fosse aplicado somente em uma tabela em especial, sem afetar as restantes existentes.

 

Se puderem me ajudar, agradeço.

Fiquem na paz.

[AlocK 0]

Se voce conhece um pouco de html css,

 

Aplique um id na tablema ( ex: <table id="zebra" )

e depois aplique os stilos somente a este id

ex.:

#zebra h1 {}

#zebra th, #zebra td {}

e assim por diante...

[Rafelles 0]

Utilizando class ou id

table.estilo th td{ 
 border: none;
 }

[formigoni 0]

Olá, bom dia.

Muito obrigado pelas dicas e sugestões, problema resolvido.

Valeu e fiquem na paz.

[Laska 0]

Pessoal, desculpa estar retomando esse topico, mas foi um dos que eu achei que falava o que eu estava precisando, porem como estou começando a criar telas e tudo mais, tenho um css que achei na net, muito interessante, porem nao sei como fazer para aplicar somente na tabela em questao.

 

aqui vai codigo do css:

 

/* 

TableCloth	
by Alen Grakalic, brought to you by cssglobe.com

*/

/* general styles */

table, td{
font:100% Arial, Helvetica, sans-serif; 
}
table{width:100%;border-collapse:collapse;margin:1em 0;}
th, td{text-align:left;padding:.5em;border:1px solid #fff;}
th{background:#328aa4 url(tr_back.gif) repeat-x;color:#fff;}
td{background:#e5f1f4;}

/* tablecloth styles */

tr.even td{background:#e5f1f4;}
tr.odd td{background:#f8fbfc;}

th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

 

esse aqui o html que veio junto.

 

head>
<!-- paste this code into your webpage -->
<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="tablecloth/tablecloth.js"></script>
<!-- end -->

<style>

body{
margin:0;
padding:0;
background:#f1f1f1;
font:70% Arial, Helvetica, sans-serif; 
color:#555;
line-height:150%;
text-align:left;
}
a{
text-decoration:none;
color:#057fac;
}
a:hover{
text-decoration:none;
color:#999;
}
h1{
font-size:140%;
margin:0 20px;
line-height:80px;	
}
h2{
font-size:120%;
}
#container{
margin:0 auto;
width:680px;
background:#fff;
padding-bottom:20px;
}
#content{margin:0 20px;}
p.sig{	
margin:0 auto;
width:680px;
padding:1em 0;
}
form{
margin:1em 0;
padding:.2em 20px;
background:#eee;
}
</style>
</head>

 

como que eu faço para que esse estilo seja aplicado na minha tabela.

já adicionei um id na tabela, e troquei tanto no .css quanto no .html e nao deu certo.

 

essa seria a minha tabela

 

<table ALIGN=center BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=770 bordercolor=darkblue bgcolor=#ffffff id="tabela_tabela"> 
 ...
</table>

 

ah alteraçao das propriedades seria por exemplo do .css:

 

tabela_tabela.tr.even td{background:#e5f1f4;}

 

isso?