Pseudo-class ile pseudo-element arasındaki fark nedir?

• Pseudo-class (:): elemanın bir durumunu seçer: :hover, :focus-visible, :nth-child(2n), :disabled, :checked, :has()
• Pseudo-element (::): elemanın sanal bir parçasını oluşturur veya seçer: ::before, ::after, ::placeholder, ::selection, ::first-line

a:hover { text-decoration: underline; }
li:nth-child(odd) { background: #f6f8f7; }
.kart:has(img) { padding-top: 0; }           /* "ebeveyn seçici" */

.zorunlu::after { content: " *"; color: crimson; }

::before ve ::after çalışması için content özelliği gerekir (boş bile olsa: content: "").