Comment travailler avec plusieurs propriétés CSS?

Est-il possible de travailler avec des propriétés CSS?Comment travailler avec plusieurs propriétés CSS?

Par exemple:

-webkit-transform: scaleX(-1) scaleY(-1)

Puis-je supprimer facilement scaleX (-1) ou ajouter quelque chose de nouveau, sans avoir à réécrire l'ensemble -webkit-transform ou évolution des cours?

Source

2011-03-11 Daniel J F

Que demandez-vous ici? Vous pouvez ajouter/supprimer des classes qui référencent assez facilement les déclarations que vous souhaitez avec jQuery. – RyanP13

@ RyanP13 Supposons que je doive changer entre 4 états différents ou plus et que chacun ait plusieurs propriétés pour différents navigateurs (-webkit-transform, filter, etc). Je veux réduire la quantité de code et trouver une façon plus élégante de le faire. –

Cette propriété css prend deux arguments. Par conséquent, vous ne pouvez pas en changer un sans toucher l'autre. Mais cela devrait être tout ce que vous devez faire:

$("#your-element").css("-webkit-transform","scaleX(-1) scaleY(-1)");

Modifier

function changeTransform(el, x,y){ 
    var val = x + " " + y; 
    $(el).css({"-webkit-transform":val, "-moz-transform": val, "-webkit-transform": val, "-o-transform": val}); 
    }

Source

2011-03-11 16:05:15 picardo

Supposons que j'ai '-moz-transform: scaleX (-1); -webkit-transform: scaleX (-1); -o-transform: scaleX (-1); -transform: scaleX (-1); 'et je veux ajouter' scaleY (-1) 'et ensuite peut-être enlever' scaleX (-1) ', cela signifie que je devrai écrire une classe pour chaque action et là est pas moyen? –

Vous pouvez définir une fonction où vous écrivez définissez toutes ces propriétés, puis appelez-la chaque fois que vous en avez besoin avec les nouveaux arguments. – picardo

Donc, il est impossible de travailler directement avec des arguments. J'ai compris. Je vais envisager d'utiliser une fonction à la place. Merci. –

Comment travailler avec plusieurs propriétés CSS?

Répondre

Questions connexes