انتخاب گرها

انتخابگرها به شما اجازه انتخاب و دستکاری عناصرHtmlرا می دهند.

انتخاب گر عنصر

این انتخابگر،عنصررا براساس نام آن عنصردرHtml انتخاب می کند.شما می توانید همه ی عناصر یک صفحه را انتخاب کنید.      مثل:                                                                                                                                                                        

}P 
;Text-align: center
;Color: red
{

کدبالا کل عناصرموجود درصفحه را وسط چین کرده وهمچنین آنهارا به رنگ قرمز در می آورد.                                                

انتخاب گر شناسه (id)

این نوع انتخابگرها برای یافتن عناصر خاصHtml که دارای خاصیت شناسه هستند به کار می روند.

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

برای انتخاب یک عنصربا شناسه منحصر به فرد،یک کاراکتر# (هشتگ) به همراه نام شناسه عنصر مورد نظر
رامی نویسیم.

سبک ضابطه عنصری با شناسه"para1"id= در Htmlبه صورت زیر است:

}para1 #
;Text-align: center
;Color: red
{

هیچگاه نام شناسه رابا عدد اغاز نکنید.                                                                                                                    

انتخاب گر کلاس

این نوع انتخابگر عناصری با کلاس خاص را می یابد. انتخابگر کلاس برای عناصرHtmlکه دارای خاصیت کلاس هستند
به کار می رود.

برای یافتن یک عنصر با کلاسی خاص یک نقطه(.) ونام آن کلاس را می نویسیم.درمثال زیر تمام عناصرHtml که

خاصیت Class="Center"را دارند،وسط چین می کند.

}center. 
;Text-align: center
{ ;Color: red

شما نیز می توانید عناصر خاص Htmlکه از یک کلاس تاثیر گرفته اند را نیز انتخاب کنید. برای مثال در کد زیر تمام                    

عناصر Pصفحه که خاصیت Class="center"را دارند سبک دهی می کند.

}p . center 
;text-align: center
;color: red
{

هیچگاه نام کلاس را با عدد آغاز نکنید.

گروه بندی انتخاب گر ها

در برگه های سبک دهی گاهی عناصری با سبک مشابه دیده می شود مثل:

}H1 
;Text-align: center
Color: red;
{
}H2 
;Text-align: center
;Color: red
{
}P 
;Text-align: center
;Color: red
{

برای کوچک سازی کد،شما می توانید انتخابکرها را گروه بندی کنید.                                                                             

برای اینکار هر انتخابگر را با یک کاما(,) ازهم جدا می کنیم. در مثال زیرانتخابگرهای بالا در یک دسته قرار داده ایم.

}H1 , h2 , p 
;Text-align: center
;Color: red
{