Discussion :

[SimFaridas]

Bonjour à tous
Je ne savais pas comment appelé ce sujet mais en gros ce que j'aimerai faire c'est changer un élément de couleur grâce au CSS sans passer par le nom de cet élément
exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
.st0:hover{
    fill: #353Bd2;
}
 
text:hover{
    .st0 : fill:#353Bd2;
}

La j'aimerai changer la couleur de l'élément st0 en le survolant et en survolant le text, ext ce que c'est possible ?

merci d'avance

[mathieu]

est ce que l'élément text concerné est inclus dans l'élément ".st0" ?

[SimFaridas]

non il est a part

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<path class="st0" d="M174,1038.5h-15.5c-4.1,0-7.5-3.4-7.5-7.5v-25c0-4.1,3.4-7.5,7.5-7.5H174c4.1,0,7.5,3.4,7.5,7.5v25
	C181.5,1035.1,178.1,1038.5,174,1038.5z"/>
<text transform="matrix(1 0 0 1 50.4775 1176.1666)" class="st1 st2">1</text>

[Invité]

Bonjour,

dans l'acronyme CSS, il y a le C pour "Cascade".
Donc, en descendant.

Dans ton code, l'élément de classe "st0" est placé AVANT le <text>.
Donc, ça ne va pas. On ne peut pas remonter la cascade.

Si les éléments était placés dans l'ordre inverse, on aurait pu écrire :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.st0:hover, text:hover + .st0 {
    fill:#353Bd2;
}

[SimFaridas]

Que veut tu dire par si les éléments était placés dans l'ordre inverse ? quels éléments ?

[Invité]

Dans cet ordre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<text transform="matrix(1 0 0 1 50.4775 1176.1666)" class="st1 st2">1</text>
 
<path class="st0" d="................"/>

• CSS - Sélecteur de voisin direct : +
• CSS - Sélecteurs de voisins généraux : ~