CSS Entities

در CSS، Entities معمولاً به HTML Entities اشاره دارند که برای نمایش کاراکترهای خاص در CSS (به‌ویژه در بخش‌هایی مثل content در ::before و ::after) استفاده می‌شوند.
به زبان ساده، CSS Entities راهی برای درج کاراکترهای خاص (مثل نقل‌قول‌ها، پیکان‌ها، علائم و…) با استفاده از کدهای یونیکد یا HTML است.

💡 مثال ساده:

.element::before {
content: “\00A9”; /* نماد © */
}

در اینجا \00A9 کد یونیکد مربوط به علامت کپی‌رایت است.

🔤 انواع متداول CSS Entities:

🎨 چند مثال کاربردی:

.icon::after {
content: “\2192”; /* → فلش به راست */
}

.quote::before {
content: “\201C”; /* “ علامت نقل قول باز */
}

.quote::after {
content: “\201D”; /* ” علامت نقل قول بسته */
}

.new-line::after {
content: “Line 1\A Line 2”;
white-space: pre; /* برای نمایش خط جدید */
}

🔍 نکته مهم:

در CSS فقط از Unicode Escapes (\XXXX) برای درج entities استفاده می‌شود،
در حالی که در HTML از &entity_name; یا &#code; استفاده می‌کنیم.