Je vois ce code CSS dans l'onglet "style" de la fenêtre des outils de développement Chrome:

element.style {
    height: auto;
    width: 100%;
    margin-top: -148px;
}

Je veux l'écraser avec ce code CSS dans mon fichier .css:

.so-widget-sow-simple-masonry-simple-masonry-d75171398898 .sow-masonry-grid-item img {
    width: auto;
    height: 244px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto; 
}

Mais les définitions de style de element.style sont déjà là. Je ne peux pas trouver le .js si vite. Est-ce que quelqu'un peut m'aider? THX

3
moxmlb 9 mars 2016 à 11:51

3 réponses

Bien sûr, vous pouvez supprimer l'attribut style sur l'élément:

element.removeAttribute('style');

Si element.style a disparu, les règles de votre fichier CSS seront visibles.

1
Johannes Jander 9 mars 2016 à 09:48

Vous pouvez ajouter! important à la fin de tous les styles.

Par exemple, utilisez ceci:

height: 244px !important;

Au lieu de

height: 244px;
0
Mohammad Aghayari 9 mars 2016 à 09:18

Vous pouvez toujours aller avec:

.so-widget-sow-simple-masonry-simple-masonry-d75171398898 .sow-masonry-grid-item img {
width: auto !important;
height: 244px !important;
margin-top: 0px !important;
margin-left: auto;
margin-right: auto; 
}

Les styles importants remplaceront les styles en ligne, à moins que les styles en ligne aient également la clause ! Important (mais c'est rare en fait).

0
Bruno Kos 9 mars 2016 à 08:58