Tengo identificaciones DIV en una aplicación que se generan dinámicamente, con una identificación al final. Por ejemplo: <div id="vote_score_72">, <div id="vote_score_73">, <div id="vote_score_74"> y así sucesivamente.Nombres de id CSS "dinámicos"? ¿Cómo agregarlos al archivo CSS?
¿Cómo puedo escribir que id en el archivo CSS por lo que se puede aplicar un estilo a ella?
En relación con la sugerencia de que se debe utilizar clases para esta funcionalidad (y que debe), que puede, en cambio, utilizar el atributo-valor-comienza-con el selector (esto puede no ser el nombre formal) :
div[id^=vote_score] {
color: #f00;
/* and so on... */
}
Referencias:
Gracias David, funcionó perfectamente. –
debe añadir una clase común a todos estos elementos y el uso de esta clase en el CSS.
Las clases son la mejor manera de manejar estilos comunes para diferentes elementos.
Veo, digamos que cambio la identificación de una clase. ¿Cómo escribiría el nombre de la clase en el archivo CSS? Al igual que '.classname_changingnumber' –
Puede llamar al nombre de la clase todo lo que quiera, aunque elegir un nombre relevante para el contenido/propósito del' div 'tendría sentido. –
@FelipeCerda: no, el nombre de la clase debe ser único para todos los div que desee diseñar. Entonces puede referirse a este nombre de clase en su CSS – JMax
es lo que necesitan hacer cosas diferentes para diferentes ID? – ceejayoz
Como cualquier otra identificación, con un signo '#'. ... ¿Puedes decirnos qué intentas hacer en realidad? Si esto se hace con JavaScript, es mucho mejor que tenga una clase para los estilos comunes a todos ellos, luego use la propiedad 'style' para aplicar estilos específicos del elemento. Si todos tienen los mismos estilos, use clases (Google "clases de CSS") en su lugar. – Ryan
@ceejayoz no, lo mismo. Es una aplicación de Ruby on Rails que muestra diferentes historias en la misma página. Cada historia tiene un puntaje y el puntaje se envuelve en un DIV con la identificación de la historia al final. –