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