Foros del Web » Creando para Internet » CSS »

Duda con CSS

Estas en el tema de Duda con CSS en el foro de CSS en Foros del Web. Que tal tengo una duda, lo que quiero saber es si es posible o este correcto el colocar el nombre de una clase css como ...
  #1 (permalink)  
Antiguo 23/08/2013, 09:24
 
Fecha de Ingreso: abril-2009
Mensajes: 100
Antigüedad: 15 años
Puntos: 0
Duda con CSS

Que tal tengo una duda, lo que quiero saber es si es posible o este correcto el colocar el nombre de una clase css como una variable, es decir obtengo un valor de una una variable con php en donde ese valor va del 1 a 7, entonces lo que queria saber es si ese variable ponerla como nombre de una clase en css y me la mande llamar, un ejemplo seria algo asi:

esto seria indicar un nombre a la clase suponiendo que la variable fuera un 1
Código HTML:
Ver original
  1. <div class="'.$variable.'" ...></div>

y en un archivo css aplicar un estilo cuando sea 1:

Código CSS:
Ver original
  1. .1{
  2.    ...
  3.    }

Algo asi es posible o esta mal la sintaxis para realizar algo asi?

Última edición por pzin; 23/08/2013 a las 09:34 Razón: formato código
  #2 (permalink)  
Antiguo 23/08/2013, 09:37
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Duda con css

No es correcto del todo, porque los nombres de las clases no pueden empezar por números. Pero en esencia, si se puede hacer sin problemas.

Aunque, por otro lado, también puedes usar la función CSS nth-of-type() para construir tu selector:

Código HTML:
Ver original
  1. <div class="algo"></div>
  2. <div class="algo"></div>
  3. <div class="algo"></div>

Código CSS:
Ver original
  1. div.algo:nth-of-type(1) {}
  2. div.algo:nth-of-type(2) {}
  3. div.algo:nth-of-type(3) {}

Cuestión de gustos.
  #3 (permalink)  
Antiguo 23/08/2013, 09:54
 
Fecha de Ingreso: abril-2009
Mensajes: 100
Antigüedad: 15 años
Puntos: 0
Respuesta: Duda con css

Gracias por tu respuesta o intentare haber si me funciona.

PD: No logre hacerlo funcionar como me comentas, pero como lo tenia al inicio si funciona solo que como mencionaste no como numeros.

Última edición por sagdec; 23/08/2013 a las 10:06

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:13.