انتخاب گرها در CSS به شما این امکان را می دهد تا عناصر را در صفحات وب نشانه بگیرید و خواص مد نظر خود را روی آنها اجرا کنید. شما با المانها و attributeهایی مانند type, class, id می توانید خواص مورد نظر خود را روی عناصر اعمال کنید. با css3 ما می توانیم تقریبا تمام عناصر را باطیف گسترده ای از انتخابگرها مورد هدف قرار دهیم.
هدف هر عنصر F که از نوادگان (فرزند،نوه،نوه بزرگ،غیره) از یک عنصر E می باشد برای مثال تمام li هایی که در ul می باشد هدف قرار داده می شود.
هر عنصر F که کودک مستقیم E باشد را نشانه می گیرد.
یعنی عنصر F که بعد از E می آید.
هر عنصر F که با عنصر E از یک پدر هستند.
هر عنصر در یک صفحه وب می تواند attribute های مختلفی داشته باشد که می توان آنها را نشانه گرفت.
هر عنصر E که ویژگی attr را بدون در نظر گرفتن مقدار آن دارد مانند: [input[required
هر عنصر E که ویژگی attr آن دقیقا مقدار val می باشد مانند: [input[type=checkbox
هر عنصری که ویژگی attr را دارا می باشد و مقدار آن با val شروع میشود که اغلب برای خاصیت lang استفاده می شود.مانند: <p lang="en-uk"> or <p lang="en-us">
هر عنصر E که ویژیگی attr آن با مقدار val احاطه شده است.مانند: [.info[title~=more
هر عنصر E که ویژگی attr آن با مقدار val شروع شود.
هر عنصر E که ویژگی attr آن با مقدار val تمام شود.
هر عنصر E که بخشی از مقدار ویژگی attr آن مقدار val را داشته باشد. مانند: ["input[class^="btn
