comment remplacer left: 0 en utilisant CSS ou Jquery?

Question

J'ai un élément qui a les CSS suivants:

 .elem {
  left: 0;
  position: fixed;
  right: 0;
  width: 60%;
  z-index: 1000;
  }
 

L'élément ne s'étend pas sur tout l'écran. Je voudrais qu'il "s'aligne" sur le côté droit de l'écran.

Ce serait facile, si je retirais simplement left: 0 , mais je ne peux pas falsifier le CSS ci-dessus. J'ai donc besoin de CSS ou de Jquery pour remplacer, désactiver ou supprimer le CSS de gauche: 0 .

Merci pour l'aide!

Answer 1

La valeur par défaut pour left est auto , il suffit donc de le définir comme cela et vous le "réinitialiserez".

 .elem {
  left: auto;
}
 

Assurez-vous que ce qui précède vient après le fichier CSS original.

Answer 2

Utilisation de CSS:

 .elem {
    left: auto;
}
 

Utilisation de JQuery:

 $(".elem").css("left", "auto");
 

Answer 3

Essayez la propriété auto en CSS, qui correspond à la valeur par défaut.

Answer 4

Avec jquery:

 $(".elem").css("left", "");
 

Answer 5

Si le style que vous avez extrait est externe ou interne, vous pouvez le remplacer par un style interne tel que:

 .elem {
    position: fixed;
    right: 0;
    width: 60%;
    z-index: 1000;
  }