Cześć,
Szukam rozwiązania swojego problemu ale niestety nie mogę nic wymyślić.
.custom-alert:after{
position: absolute;
top: 0px;
right: 5px;
font-family: FontAwesome;
content: '\f00d';
}
I teraz potrzebuję coś w stylu:
.custom-alert:after:hover > .custom-alert{
display: none;
}
To znaczy aby po najechaniu na pseudoelement after ukryło "główny" element.
Mógłbyś dać więcej kodu i screenshoty aby można było zobaczyć jaki efekt chcesz osiągnąć?
Co do pytania. Nie da się tego zrobić przy pomocy css ponieważ nie masz dostępu do rodzica z poziomu dziecka. W js też nie udało mi się tego zrobić ze względu na brak odpowiedzi przy $(".custom-alert:after").hover(..).
Chciałbyś osiągnąć podobny efekt do tego?
https://jsbin.com/lireqipuvu/edit?html,css,js,output
Jeszcze raz, nie widzę reszty kodu i nie wiem do końca co masz na myśli.
Nie wiem czy :after daje już dziecko danego elementu. Jeśli tak to wychodzi na to że nie da się tego zrobić. W js'ie bez problemu bym to zrobił (nawet w this est obiekt rodzica do którego można się odwoływać) ale niestety mam za zadanie zrobić wersję bez niego. No cuż, klient będzie miał jedno przeładowanie strony więcej :D