2011-02-14 4 views
9

J'ai une classe css qui définit une durée à une position particulière.position à droite un élément qui a déjà été positionné

left: 0.5em; 

Comment remplacer cette valeur à gauche:

right: 0.5em; 

... soit en ligne ou dans une autre classe? En d'autres termes, comment définir la valeur de gauche à rien ou null?

+0

'gauche: 0px' ou' gauche: none'? – JCOC611

+0

Je ne suis pas sûr de ce que vous demandez, mais si vous vous demandez comment vous surcharger CSS, vous faites simplement le nouveau style en ligne et gardez l'original dans un fichier externe ou en haut du fichier. – Aidanc

+0

J'ai donné une réponse, mais je ne sais pas ce que vous voulez dire en remplaçant 'left' par' right'. Ils sont deux propriétés distinctes. Un élément peut avoir ** ensemble ** left' et 'right'. – thirtydot

Répondre

33

Peut-être que la réponse est left: auto?

Live Demo

+2

Vous pourriez avoir raison. Juste une note rapide, la position ne changera pas dans le violon car vous n'avez pas défini de 'position' (ex absolute). – JCOC611

+0

bien sûr, idiot moi, merci –

+0

@ JCOC611: Vous avez absolument raison, idiot moi. Fixé. – thirtydot

0

Il y a quelques façons d'aborder ce sujet. Si vous n'avez qu'un seul élément à remplacer, vous pouvez inclure différents styles dans cet élément. Si vous souhaitez modifier la règle CSS elle-même, la meilleure approche consiste à utiliser Javascript. Toutes les règles CSS sont stockées dans un tableau - document.styleSheets[i].cssRules. Vous pouvez itérer sur ceci et mettre à jour la règle appropriée si nécessaire.

Ce billet de blog a aussi un tutoriel bien que vous voudrez peut-être examiner: Updating CSS with Javascript

Questions connexes