PDA

View Full Version : سوال: قرار دادن ( با css قبل یک حرف



Iran58
یک شنبه 22 تیر 1399, 13:53 عصر
سلام
چگونه می توانم ( قبل یک حرف بکمک css ایجاد کنم و در مکانهای که نیاز دارم استفاده کنم
باتشکر

ASHKANLAEI
دوشنبه 23 تیر 1399, 13:34 عصر
سلام.
برای این که قبل از یک سلکتور یک متن قرار بدین میتونین از ::before استفاده کنید.
برای مثال:span::before {
content: 'wow ';
}حالا هر عنصر span که داخل صفحه دارین اولش یه wow میاد مثل این:
<span>Hello</span> --> <span>wow Hello</span>البته این که نوشتم برای رسوندن مطلب هست و درواقع توی html تغییری ایجاد نمیشه.

حالا شما که میخواین اول بعضی قسمت ها یک پرانتز باز داشته باشین میتونید مثلا یه کلاس در نظر بگیرید و هر جا که میخواین اولش پرانتز بیاد از اون استفاده کنید:
CSS:
.firstparen::before {
content: '(';
}

HTML:
<div class="firstparen">Hello</div>

یادتون باشه که اگر میخواین بین ::before و متن داخل عنصرتون فاصله وجود داشته باشه باید داخل خود ::before در انتهای content یک فاصله قرار بدین (یا در خود عنصر قبل از نوشته یک فاصله قرار بدین)