Tema: crear clases para tablas diferentes
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/09/2015, 15:31
jmg1189
 
Fecha de Ingreso: septiembre-2015
Mensajes: 58
Antigüedad: 9 años, 3 meses
Puntos: 2
Exclamación crear clases para tablas diferentes
hola a todos

tengo mi archivo css en donde quiero declarar estilos para una tabla, pero estos estilos se aplican a todas las tablas que tengo en mi pagina, lo que quiero es que esos estilos se apliquen solo a una tabla y no a todas. por lo que he investigado, se debe crear una clase, y en el html indicarle class="nombre de la clase", pero no me funciona.
este es mi codigo css:

Código CSS: 
Ver original
  1. tabla1 table{ 
  2.            border:3px solid #1199cc;
  3.            background: #FFF;
  4.            border-top-left-radius:15px;
  5.            -moz-border-top-right-radius: 15px; 
  6.            -webkit-border-top-left-radius: 15px;
  7.            border-bottom-right-radius:15px;
  8.            -moz-border-bottom-right-radius: 15px; 
  9.            -webkit-border-bottom-right-radius:15px;    
  10.            }
  11.            .tabla1 table td{
  12.            border-top-left-radius:15px;
  13.            -moz-border-top-right-radius: 15px; 
  14.            -webkit-border-top-left-radius: 15px;
  15.            border-bottom-right-radius:15px;
  16.            -moz-border-bottom-right-radius: 15px; 
  17.            -webkit-border-bottom-right-radius:15px;
  18.            background: #cccccc;    
  19.            }
  20.            .tabla1 table textarea{
  21.            border:1px solid #1199cc;
  22.            border-top-left-radius:15px;
  23.            -moz-border-top-right-radius: 15px; 
  24.            -webkit-border-top-left-radius: 15px; 
  25.            border-bottom-right-radius:15px;
  26.            -moz-border-bottom-right-radius: 15px; 
  27.            -webkit-border-bottom-right-radius:15px; 
  28.            resize: none; 
  29.            }
  30.            .tabla1 table select {         
  31.            border-top-left-radius:15px;
  32.            -moz-border-top-right-radius: 15px; 
  33.            -webkit-border-top-left-radius: 15px;
  34.            border-bottom-right-radius:15px;
  35.            -moz-border-bottom-right-radius: 15px; 
  36.            -webkit-border-bottom-right-radius:15px;
  37.            background: #cccccc;   
  38.            }

no se si estoy declarando mal la clase o porque se me aplican dichos estilos para todo.

agradezco la ayuda.