شبه عنصر

استاندارد CSS تعداد انگشت شماری از موارد خاص را تعریف می کند که در آن می توانید استایل ها را به بخش فرعی محتوای عنصر، و نه کل محتوای یک عنصر اعمال کنید. اینها قوانین شبه عناصر نامیده می شوند. برای استفاده از یک قانون شبه عنصر، قانون را از انتخاب کننده ای که روی آن اعمال می شود جدا کنید با استفاده از دو نقطه (::):

selector::pseudo-elemen

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

 کلمه کلیدی شبه عنصر:

p::first-letter {font-size: 20px}

شبه عنصر حرف اول فقط با حرف اول عنصر p مطابقت دارد.

سی اس اس ، تنها تعداد انگشت شماری شبه المان را تعریف می کند. در زیر آنها را فهرست می کنیم. شبه عناصر زیادی در دسترس نیست، اما این چند عنصر شبه می تواند برای آزمایش قالب بندی خاص صفحات وب شما مفید باشد.

1- یک شی را قبل از محتوای عنصر انتخاب شده قرار می دهد   =   after

2- یک شی را بعد از محتوای عنصر انتخاب شده قرار می دهد   =   before

3- قانون را روی حرف اول محتوای عنصر انتخاب شده اعمال می کند   =   First-letter

4- این قانون را در خط اول محتوای عنصر انتخاب شده اعمال می کند   =   First-line

5- این قانون را در قسمت محتوای انتخاب شده توسط بازدیدکننده سایت اعمال می کند   =   selection

شبه عناصر بعد و قبل ممکن است کمی عجیب به نظر برسد، زیرا محتوایی برای استایل دادن قبل یا بعد از یک عنصر وجود ندارد. آنها بیشتر برای قرار دادن تصاویر بعد یا قبل از محتوا در عنصر استفاده می شوند.