web-dev-qa-db-fra.com

Remplacer le style css?

Je regarde sur Stack Overflow et je ne trouve pas la solution, je sais comment remplacer le style si le style existe, il suffit de changer sa propriété. Mais maintenant, j'ai un style étrange à remplacer

Voici un exemple de ce que j'ai

J'ai d'abord celui-ci:

.slikezamenjanje img{
    max-width: 100%;
    max-height:150px;
    padding-right:7px;
}

Maintenant, je dois remplacer ce style par celui-ci:

#zoomTarget .slikezamenjanje img {
    max-width: 100%;
}

Le problème est que le premier style ajoute une seconde, mais je ne veux pas que, dans ce second style, ce dont j'ai besoin est juste une ligne, de ne pas ajouter du premier style?

csscss3stylesoverridingclear
27
Miomir Dancevic

Au lieu de remplacer, vous pouvez ajouter une autre classe à l'élément, ce qui vous donne une capacité supplémentaire. par exemple:

HTML

<div class="style1 style2"></div>

CSS

//only style for the first stylesheet
.style1 {
   width: 100%;      
}
//only style for second stylesheet
.style2 {
   width: 50%;     
}
//override all
.style1.style2 { 
   width: 70%;
}
38
Dvir

Il vous suffit de réinitialiser les valeurs vous ne voulez pas à leurs valeurs par défaut. Pas besoin d'entrer dans un désordre en utilisant !important.

#zoomTarget .slikezamenjanje img {
    max-height: auto;
    padding-right: 0px;
}

Hatting

Je pense que la donnée clé qui vous manque est que CSS est livré avec les valeurs par défaut . Si vous souhaitez remplacer une valeur, rétablissez sa valeur par défaut, que vous pouvez rechercher .

Par exemple, tous les attributs CSS height et width sont définis par défaut sur auto.

18
dthree