Въпрос към урок: Решение: Пин пред заглавие от курс: HTML5 и CSS3

Защо кръгчето е after, а триъгълничето е before?

Уеб дизайн HTML CSS Програмиране Atom Notepad++ HTML5 и CSS3

Не разбирам логиката... Кръгчето се намира на реда преди текста, а триъгълничето реално се намира на долния ред... защо са с разменени места и кръгчето е after, а триъгълничето е before?

before и after са псевдо елементи и имената им показват къде се намират спрямо елемента, който им е родител. Съответно ако ги позиционираме един върху друг, after ще покрие before. Това е и смисълът кръгчето да е after, а триъгълничето да е before (то искаме да се подпъхне под кръгчето и да не закрива иконката). Разбира се можем със z-index да им сменим местата, но за краткост просто избираме този елемент, който знаем, че ще се нарисува отгоре, за да го остилим като кръгче.

Сега разбрах. Благодаря за разяснението!


Вашият отговор

Научи компютърните програми онлайн от топ експертите на България
Регистрацията в АУЛА ви дава:
  • 20 безплатни урока
  • Трикове и тънкости за софтуера
  • Отговори на вашите въпроси
  • Регистрация