Есть какие-то еще псевдоэлементы помимо before, after?

Question

[Даниил Ульянов]

Всем привет! Есть ли еще псевдолементы помимо ::before и ::after? Условно, я хочу сделать так:

Базовые свойства before и after - width:0; height:3px;
Before{
bottom: 0;
Left:0;
}

After{
top:0;
Right:0
}

При наведении на обьект, ширина псевдоклассов становилась 100%. Но! Я понимаю, что только два элемента так сработают и они будут сверху и снизу. Есть ли возможность добавить такую же анимацию, как у псевдоклассов справа и слева?

Comments

[DivineDraft]

Подобных нет. Добавьте просто пустой вложенный элемент и используйте его псевдоэлементы, и так до бесконечности.

<div>
  ::before
     <div>
        ::before
        ::after
     </div>
  ::after
 </div>

Answer 1

[SlashGet]

Все псевдоэлементы