Diseños para 2 tablas diferente en un mismo html, usando css claro, como?

[RGT]

Hola, en mi css tengo que table y tr, th, etc.... con sus colores, border y todo
pero hize otra tabla para agregar dos botones y me aparece con el diseño que tengo para la primera tabla claro esta, pero y si quiero para mi nueva tabla un fondo diferente y esas cosas como lo hago?

[saul123]

Hola

Pus ponlo un nuevo id a tu tabla y puedes darle caracteristicas diferentes a la que ya tenias , pero tienen que ser tablas separadas o si estan unidas , que uno sea el padre y la otra la hija , poniendo class a la nueva .

[RGT]

son tablas diferentes, una esta en un menu y otra en otro menu, pero no se como darle otro diseño diferente a una de esas dos tablas, tu sabes, para que no tengan el mismo diseño.

como le pongo la id, puedes ayudarme?
y puedes ayudarme sobre como le pongo el diseño a esa tabla?

ej: que el id sea "tabla2"
en el css como debo poner?

#tabla2 tr{}
#tabla2 th{}
?

espero que aclares mis dudas, gracias hermano.

[American2010]

Prueba esto

Código CSS:

#cero .style1 {
    background-color: #008000;}
        
#uno .style1 {
    background-color: #000000;
}
 

y las tablas

Código HTML:

<table id="cero">
 

[JavierB]

Hola, RGT

Muevo tu tema al foro de CSS desde Web general.

Saludos,

[RGT]

no me funciono, tengo:

Código HTML:

 <table width="600" id="fbtwitterbutton">
  				<tr>
    			<th scope="col"><fb:like layout="button_count" show_faces="false" width="100"></fb:like></th>
    			<th scope="col"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="example">Tweet</a><script type="text/javascript" src=								"http://platform.twitter.com/widgets.js"></script></th>
  				</tr>
				</table> 

Código:

#fbtwitterbutton table{
	background-color:#F00 !important;
}

que tengo malo?