Можно ли сделать псевдоэлемент ссылкой?

Question

[lagudal]

Можно ли как то псевдо-элемент before или after сделать ссылкой, если это псевдоэлемент не ссылки? Например, я подгружаю лого как background для befor к ul списку какого - то меню - например

ul .menu-list:before {
	content:'';
	background:url('/media/logo.png');
	width: 124px;
	height: 43px;
	background-size: contain;
	background-repeat :no-repeat;
}

можно как то сделать так, чтобы это лого стало нужной мне ссылкой?

Comments

[Rustam Bainazarov]

Нет, никак. И через JS к псевдоэлементам вообще нет доступа, т. к. они не являются элементами DOM (onclick'и не поставить).

Псевдоэлементы — это только элементы оформления. Никак отдельных событий, hover'ов и кликов на них нельзя повесить, только у контексте родителя.

https://dev.to/finallynero/understanding-css-befor...

[xonar]

Увы, нет так как псевдоэлементы не для этого созданы.

[lagudal]

Рустам Байназаров,
хорошо, спасибо, ясно....
ну тогда по другому - допустим, к этому списку с помощью js добавить один дополнительный элемент - li, например первый, в который поместить ссылку - такое возможно? Именно добавить, не меняя все остальные элементы списка, учитывая то, что этих элементов может быть разное количество?
Сейчас есть:

<ul class="menu-list">
<li class="menu-element">Menu1</li>
<li class="menu-element">Menu2</li>
<li class="menu-element">Menu3</li>
<li class="menu-element">Menu4</li>
</ul>

Нужно получить

<ul class="menu-list">
<li class="logo"><a href='https://link'><img src="/media/logo.png" /></a></li>
<li class="menu-element">Menu1</li>
<li class="menu-element">Menu2</li>
<li class="menu-element">Menu3</li>
<li class="menu-element">Menu4</li>
</ul>

пс. я не от того, что поизвращаться хочу, там несколько нежелательно делать изменения в шаблоне..

[xonar]

lagudal, Можно с помощью createElement. Вот пример https://plnkr.co/edit/mV7nOBIHa6hMNaVIPG75?p=preview

[Rustam Bainazarov]

lagudal, да, можно :))

С телефона не напишу пример, но это то, что прислал xonar.

[lagudal]

xonar,
Ok, спасибо, все получается.