نوشته های من !

راجع به تجربه های شخصی از دنیای برنامه نویسی می نویسم، یا از روزمرگی هام …

CSS حرفه ای – آموزش استفاده از Pseudo-Elements

نویسنده:
۲۱ اسفند ۹۲

مقدمه : ( شبه عنصر چیست ؟ )

Pseudo-Element یا شبه عنصر قابلیتی داخل CSS هست برای اضافه کردن قابلیت های خاص به عناصر HTML . در جدول زیر لیستی از این selector ها ( انتخاب کننده ها ) میبینید. ( این لیست کامل نیست، امکان داره در آینده این مطلب رو ادامه بدم .)

توضیح کوتاه

مثال از استفاده

انتخاب کننده

(selector)

استایل دادن به حرف اول یک پاراگراف.

p:first-letter

:first-letter

استایل دادن به خط اول یک پاراگراف.

p:first-line

:first-line

قرار دادن متن بعد از پاراگراف.

p:after

:after

قرار دادن متن قبل از پاراگراف.

p:before

:before

دادن استایل خاص به پاراگراف هایی با زبان های خاص.

p:lang(fa)

:lang(language)

جدول(۱) – لیست شبه عناصر

کاری که این عناصر انجام میدن از اسمشون پیداست، این عناصر در واقع مجازی هستند، به این معنی که در سورس برنامه قابل مشاهده نیستند و فقط در استایل وب سایت ( css ) و برای کاربران قابل مشاهده هستند.

در این آموزش راجع به این selector ها صحبت میکنیم و برای درک راحت تر موضوع مثال عملی هم راجع به هر قسمت اضافه می کنم که میتونید از فایل تمرینات آخر همین پست دانلود کنید.

(بیشتر…)