Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/07/2013, 09:44
oscarbt
 
Fecha de Ingreso: abril-2009
Ubicación: Colombia
Mensajes: 949
Antigüedad: 15 años, 7 meses
Puntos: 27
¿Cómo aplico CSS en un span con class e id variable?

Hola a todos, estoy usando una validacion en javascript para los campos que son obligatorios, para ellos uso .after:

Código Javascript:
Ver original
  1. $("#"+id_camp[i]).after("<span id='error"+id_camp[i]+"' class='error"+id_camp[i]+"' style=' background-color: #BC1010; border-radius: 4px 4px 4px 4px;   color: white; font-weight: bold;    margin-left: 16px; margin-top: -2px; padding: 6px 12px; position: absolute;   ' >Campo obligatorio</span>");
Como se observa el id y el class es variable por tanto no podria yo aplicar el estilo css en oro archivo e invocarlo a traves del class ni el id, Por tanto lo coloco como style en el spam

Sin embargo requiero aplicar esto:

Código CSS:
Ver original
  1. .error:before{
  2.     border-color: transparent #BC1010 transparent transparent;
  3.     border-style: solid;
  4.     border-width: 6px 8px;
  5.     content: "";
  6.     display: block;
  7.     height: 0;
  8.     left: -16px;
  9.     position: absolute;
  10.     top: 8px;
  11.     width: 0;
  12. }
y ahi es donde tengo el problema, como aplico el before de .error en la etiqueta style ?

Agradezco me den alguna indicación...Muchas gracias