::before — konten sebelum elemen::after — konten setelah elemen::first-line — baris pertama teks::first-letter — huruf pertama::selection — teks yang di-select::placeholder — placeholder inputPseudo-elements butuh property content (untuk ::before dan ::after).
.pe-quote {
position:relative;
padding:20px 20px 20px 40px;
background:#F8FAFC;
border-left:4px solid #6DD5C4;
border-radius:0 8px 8px 0;
font-style:italic;
margin:8px 0;
}
.pe-quote::before {
content:'"';
position:absolute;
left:12px;
top:8px;
font-size:32px;
color:#6DD5C4;
font-weight:bold;
}
.pe-badge::after {
content:'✓ Verified';
margin-left:8px;
background:#6DD5C4;
color:white;
padding:2px 8px;
border-radius:4px;
font-size:12px;
}
.pe-select::selection {
background:#F06D5B;
color:white;
}