غالبا در مرورگرها زمانی که متنی توسط کاربر انتخاب می شود, آن قسمت انتخاب شده پس زمینه آبی به خود می گیرد یا به عبارت دیگر Highlight می شود. انتخابگر selection:: این امکان را در CSS به ما می دهد تا بتوانیم استایل قسمت Highlight شده را تغییر دهیم. این تغییرات تنها شامل رنگ پس زمینه و رنگ خود متن و سایه متن خواهد بود.

تکه کد زیر را در نظر بگیرید:

::selection {
  background-color: #009966;
  color: #FFF;
}

خروجی به صورت زیر خواهد بود:

مثال زیر را برای یادگیری بهتر بررسی کنید:

پشتیبانی مرورگرها

انتخابگر selection در مرورگرهای کروم, سافاری, اپرا, اینترنت اکسپلورر +9 پشتیبانی می شود.
در مرورگر فایرفاکس باید این انتخابگر با پیشوند به شکل ::-moz-selection نوشته شود.
اگر در این انتخابگر از text-shadow استفاده شود در اینترنت اکسپلورر اعمال نخواهد شد.

با این انتخابگر حرف اول یک عنصری که ویژگی display آن مقدار inline دارد را نمی توان انتخاب کرد بلکه عنصر مورد نظر حتما باید از نوع بلاک باشد یا به عبارت دیگر مقدار ویژگی display آن عنصر, یکی از مقادیر block, inline-block,list-item ,table-cell, table-caption باشد مثل عنصر پاراگراف و یا عناصر لیست و غیره.

before:: به عنوان یک فرزند مجازی در اول یک عنصر HTML قرار می گیرد و محتوای آن به صورت پیشفرض در حالت inline نمایش داده می شود.

after:: به عنوان یک فرزند مجازی در آخر یک عنصر HTML قرار می گیرد و محتوای آن به صورت پیشفرض در حالت inline نمایش داده می شود.

pseudo-elementها کلمات کلیدی هستند که به انتخابگرها برای انتخاب قسمتی از محتوای عنصر اضافه می شوند.

با برخی از این انتخابگرها می توان محتوای مجازی برای عناصر بوجود آورد و آنها را در CSS هدف قرار داد.

در ادامه لیست تمام pseudo-elementها آمده است و می توانید برای بررسی دقیق هر کدام به صفحه مخصوص به آن مراجعه کنید.

• ::after
• ::before
• ::first-letter
• ::first-line
• ::placeholder
• ::selecti

انتخابگرها یکی از مهمترین و قدرتمندترین قسمت های CSS هستند. یک انتخابگر الگویی است که به ما اجازه می دهد تا از طریق آن عناصر HTML را انتخاب کنیم تا بتوانیم استایل بر روی آن عناصر اعمال کنیم. به بیان دیگر از طریق انتخابگرها می توانیم عناصر HTML را برای استایل دهی هدف قرار دهیم.

()not: یک pseudo-class نقیض می باشد که انتخابگری را به عنوان آرگومان می گیرد و نقیض آن انتخابگر را انتخاب می کند.

به وسیله این انتخابگر می توان در بین موارد انتخابی استثنا به وجود آورد. تکه کد زیر تمام آیتم های لیست را انتخاب می کند و به رنگ سبز در می آورد به جز آیتم هایی که کلاس bad دارند.