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