Pseudo-element Selector

HTML mein nahi hone wale virtual elements banata hai.

::before aur ::after

content property ZARURI hai.

::first-line / ::first-letter

Drop caps ke liye perfect.

::selection

Highlighted text style.

pseudo-element.css

h2::before {
  content: "";
  width: 40px;
  height: 3px;
  background: #f97316;
  margin-bottom: 12px;
}

::selection {
  background: #f97316;
  color: white;
}

💡 Pro Tips

content ZARURI hai ::before/::after ke liye
DOM mein NAHI hote
attr() se data attributes padho

← Back to Selectors Chapter