سلام.
برای این که قبل از یک سلکتور یک متن قرار بدین میتونین از ::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 یک فاصله قرار بدین (یا در خود عنصر قبل از نوشته یک فاصله قرار بدین)