Bonjour,

je cherche à sélectionner l'attribut background-color d'un div précédent. Je suis tombé sur le site https://www.leshirondellesdunet.com/selecteurs-css mais je n'ai pas trouvé mon bonheur.

<div id="titre1" class="div1">
Titre
</div>
<div id="image1" class="div2">
<img src='mon-image1.jpg'>
 <div id="lien1" class="lien">mon-lien</div>
</div>
<div id="titre2" class="div3">
Titre2
</div>
<div id="image2" class="div2">
<img src='mon-image2.jpg'>
<div id="lien2" class="lien">mon-lien</div>
</div>

  et mon css :

.div1
{
background-color:rgba(2555,255,100,1);
}
.div2
{
width:100%;
}
.lien
{
background-color:rgba(30,30,30,0.80);
}
.lien:hover
{
background-color:rgba(/*fond du titre parent*/);
}

il faudrait donc que le div lien ait le même background que le div "titre parent" au survol (avec 0.5 en transparence ce serait top)

Merci pour votre aide

-
Edité par nicklarson 19 janvier 2020 à 21:23:32

Bonjour, il y'a beaucoup d'exemple si tu avais prit la peine de chercher un peu

https://jsfiddle.net/ThinkingStiff/dWHzF/