Aplicar hoja de estilos a una sola tabla

[Andresinho_86]

Buenas, tengo una hoja de estilos llamada casablanca.css. Esta hoja yo la baje de internet, pues no se mucho de estilos. Esta definida por etiqueta lo cual hace que todas las tablas que yo tenga definida en un html adquieran ese estilo. Yo la quiero para una sola, se que tiene que ser por clase. Yo mas o menos tengo una idea de como es por clase pero en esta hoja hay atributos complicados que no los se manejar. Les paso el codigo. Pueden modificar el codigo para que quede por clase?

Gracias!

Aqui va el codigo:

table {
color: #7F7F7F;
font: 0.8em/1.6em "Trebuchet MS",Verdana,sans-serif;
border-collapse: collapse
}

table,caption {
margin: 0 auto;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC
}

caption,th,td {
border-left: 0;
padding: 10px
}

caption,thead th,tfoot th,tfoot td {
background-color: #E63C1E;
color: #FFF;
font-weight: bold;
text-transform: uppercase
}

thead th {
background-color: #C30;
color: #FFB3A6;
text-align: center
}

tbody th {
padding: 20px 10px
}

tbody tr.odd {
background-color: #F7F7F7;
color: #666
}

tbody a {
padding: 1px 2px;
color: #333;
text-decoration: none;
border-bottom: 1px dotted #E63C1E
}

tbody a:active,tbody a:hover,tbody a:focus,tbody a:visited {
color: #666
}

tbody tr:hover {
background-color: #EEE;
color: #333
}

tbody tr:hover a {
background-color: #FFF
}

tbody td+td+td+td a {
color: #C30;
font-weight: bold;
border-bottom: 0
}

tbody td+td+td+td a:active,tbody td+td+td+td a:hover,tbody td+td+td+td a:focus,tbody td+td+td+td a:visited {
color: #E63C1E
}

tbody td a[href="http://www.rodcast.com.br/"] {
margin: 0 auto;
display: block;
width: 15px;
height: 15px;
background: transparent url('data:image/gif;base64,R0lGODlhDwAPAIAAACEpMf///yH5BAAAAAAALAAAAAAPAA8AAAIjjA8Qer0JmYvULUOlxXEjaEn dliUeA56c97TqSD5pfJnhNxYAOw%3D%3D') no-repeat;
text-indent: -999em;
border-bottom: 0
}

tbody a:visited:after {
font-family: Verdana,sans-serif;
content: "\00A0\221A"
}

[juporag]

usa un idetificador
<table id="nombre_tabla">

</table>

he indica todos los estilos con #nombre_tabla

[Andresinho_86]

Iniciado por juporag

usa un idetificador
<table id="nombre_tabla">

</table>

he indica todos los estilos con #nombre_tabla

Ahi va, pero como hago con por ejemplo:

tbody td+td+td+td a:active,tbody td+td+td+td a:hover,tbody td+td+td+td a:focus,tbody td+td+td+td a:visited

[Andresinho_86]

Alguien que me ayude no me sale. Pliss!!

[josebas]

Puede hacerlo de dos maneras:

1)Con un identificador: entonces usted en la hoja de estilo pone

#ejemplo{
lo que vaya aqui
}

y en el html:
<table id="ejemplo">
<tr>
<td></td>
</tr>
</table>
Con esta forma se recomienda utilizarla una sola vez para evitar inconvenientes con algun navegador.

2)Con clases:ahora seria:

.ejemplo{
lo que vaya aqui
}

Aqui no se coloca el numeral sino el punto.Esto es lo que diferencia un id de una clase.


<table class="ejemplo">
<tr>
<td></td>
</tr>
</table>

De este modo se recomienda colocarlo en varias "etiquetas".Esta es la diferencia fundamental entre los dos metodos.

[daPhyre]

Y tienes que ponerlo a todos los sub-estilos, por ejemplo:

.ejemplo tbody td+td+td+td a:active, .ejemplo tbody td+td+td+td a:hover, .ejemplo tbody td+td+td+td a:focus, .ejemplo tbody td+td+td+td a:visited

Suerte

[Andresinho_86]

Ahi va, ya lo logre muchas gracias