27822 sujets

CSS et mise en forme, CSS3

Bonjour
Après avoir bataillé je vous soumets un problème que je ne parviens pas à résoudre.
J’ai presque toutes les images de ma page avec un ::before qui affiche un filet décalé entourant mes images, sur une seule image je veux enlever ce cadre uniquement en supprimant ou masquant le ::before sur cette seule div?
J’ai essayé avec des class, en vain … !
Si vous avez la solution ?
Merci
https://www.menuiserie-menplast.fr/before.html
Modifié par africa (05 Nov 2020 - 12:41)
Modérateur
Bonjour,

Pour cacher un pseudo-element, il suffit de lui mettre un display:none; Est-ce bien ça que tu as essayé?

Ensuite, il faut bien faire attention au ciblage qui doit être au moins aussi "fort" que le ciblage qui donne un display:block à l'élément. Quel est le ciblage que tu as essayé ?

On peut essayer ce ciblage, en supposant qu'on ajoute la classe "img-special" (ça peut être n'importe quel nom) au parent de l'image concernée :
@media only screen and (min-width:800px){
    .block-img.img-special::before{display:none;}
}


Et l'extrait du html
<div class="block-img img-special">
  <img src="img/qualibat.png" class="ronde" height="200" width="200">
</div>


Amicalement,
Modifié par parsimonhi (05 Nov 2020 - 13:12)
Meilleure solution
Merci cela fonctionne parfaitement.
J’ai compris mon erreur j’avais mis une class sur block-img avec display:none sans rajouter ::before au nom de la class !!!!!

Je n’avais pas ciblé ::before ?
Bonne Journée