2010-08-07 5 views
1

Mon code crée CSS divs avec des noms dynamiquesStyling divs qui ont des noms dynamiques

i.e. 
    cke_record_body_19 
    cke_record_body_54 

Est-il possible de style tous les divs qui contiennent la chaîne cke_record_body_ en leur nom en utilisant CSS?

+0

Et il est impossible de leur donner tous un cours de CSS, parce que ...? –

+0

classe semble plus logique que l'ID, pour faire le style etc sur eux. – Nealv

+0

Les noms div sont créés automatiquement par ckEditor, donc je ne peux pas leur ajouter de noms de classe, et j'utilise un plugin rails appelé active_scaffold pour mes pages d'administration, ce qui signifie qu'il est un peu plus difficile à styler le formulaire - :-) – stephenmurdoch

Répondre

1

sûr.

$ ("[id =^cke_record_body] *") quelque chose()

+0

Je ne pense pas qu'il utilise jQuery – jwsample

+0

Merci, je n'avais même pas pensé à utiliser JS pour ça, et depuis que j'ai un prototype installé, je vais juste utiliser cette approche - merci – stephenmurdoch

2

Pouvez-vous simplement que votre code attribue à ces divs un attribut class = "cke_record_body"? Ensuite, vous pouvez simplement leur appliquer un style comme vous le souhaitez et ignorer les identifiants.

Si vous avez vraiment cela devrait fonctionner:

div[id*="cke_record_body_"] { 

} 

Gardez à l'esprit, je crois que c'est CSS3, donc je ne sais pas ce que le soutien actuel est, mais vraiment c'est la seule façon de le faire en droit CSS sans autres bibliothèques. Si vous utilisez jQuery ou quelque chose, voyez la réponse de Nealv.

+0

Ne fonctionne pas dans IE6. –

+0

Cela ne va pas fonctionner beaucoup, mais s'il parle droit CSS il n'y a pas vraiment à moins qu'il ajoute des attributs de classe ou une bibliothèque de type jQuery. – jwsample

+0

merci beaucoup - cette technique fonctionne très bien - je vais cependant utiliser l'approche JS suggérée par Nealv car mes pages d'administration comptent déjà beaucoup sur prototypejs - merci encore car cette technique me sera peut-être utile dans d'autres projets – stephenmurdoch

2

La meilleure solution de navigateur croix est de leur style en ajoutant une classe à chaque div.

+0

ouais, si je bidouille avec le code de ckEditor , Je suis sûr que je pourrais appliquer un nom de classe - si ce n'était pas pour le fait que les suggestions de Nealv et de jwsample fonctionnent, alors je ferais probablement juste ça :) merci – stephenmurdoch

Questions connexes