Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/06/2010, 06:36
Andresinho_86
 
Fecha de Ingreso: diciembre-2007
Mensajes: 54
Antigüedad: 16 años, 4 meses
Puntos: 1
Aplicar hoja de estilos a una sola tabla

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"
}