CSS Pseudo element
Summary
- Pseudo elements: Extra elements mà không cần phải thêm code HTML
- Một số pseudo-elements thường dùng:
before/after/marker/selection
Pseudo-elements
-
::before
and ::after
- Create a child element inside an element only ì you define a
content
property
- Thường dùng để set icon cho callout
-
::first-letter
color/ background/ border/ float/ font/ ...
-
::first-line
- Get the first line of text.
-
::backdrop
- Dùng khi full screen mode (video/dialog). Backdrop là khoảng cách giữa element và phần còn lại của page.
-
::marker
- Dùng để style bullet hoặc number for a list items, hoặc arrow của
<summary>
element
-
::selection
- Set style mỗi khi user select cái gì đó.
-
::placeholder
- Style for placeholder input