27799 sujets

CSS et mise en forme, CSS3

Bonjour,

Je ne parviens pas a appliquer un style particulier sur l'image d'un onglet en surbrillance dans Bootstrap 4.


<li class="nav-item-tabs">
<a id="profile-tab" data-toggle="tab" href="#rain" role="tab" aria-controls="profile" aria-selected="true" class="active">
<img alt="" src="image.jpg" class="img-fluid"></a>
</li>


J'ai tenté sans succès:


.nav-item-tabs #profile-tab.active img {opacity:.5} 
.nav-item-tabs .active img {opacity:.5}
#profile-tab .active img {opacity:.5}
.active img {opacity:.5} tout simplement, je ne comprends toujours pas pourquoi le #profile-tab n'est pas pris en compte, mais cela n'a guère d'importance.