در اين آموزش با گزينشگرها - css selector - در CSS آشنا خواهيم شد .

گزينشگر ها يکي از مهمترين اجزاء يک دستور CSS هستند که تسلط و آشنايي با آنها مي تواند در بهينه تر نمودن کدهاي CSS و همچنين افزايش کنترل بر اجزاء وب سايت توسط CSS کمک کند .

در اين آموزش با گزينشگرها در CSS آشنا خواهيم شد . استفاده ترکيبي از اين گزينشگرها رابطه مستقيمي با خلاقيت يک طراح وب سايت دارد . گزينشگرها مانند طراحی وب سایت ابزاري هستند که استفاده مفيد و مناسب از آنها بستگي به تسلط و خلاقيت استفاده کننده دارد .

به دليل پيوستگي مطالب اين مجموعه در يک پست منتشر شده است . اميدوارم طولاني بودن آن موجب نخواندن آن نشود .

با نظرات و پيشنهادات خود در مورد اين مطلب و همچنين روند کلي حرکت اين وبلاگ ما را در افزايش کيفيت مطالب و همچنين حرکت در مسير درست ياري نمائيد – با تشکر

توصيه مي شود مطلب بررسي موقعيت عناصر در يک سند HTML را قبل از خواندن اين مطلب مطالعه نمائيد

گزينشگر نوع – Type selectors

گزينشگر هاي نوع يکي از ساده ترين نوع گزينشگر ها هستند که کاربرد زيادي نيز دارند . با استفاده از اين گزينشگر ها مي توانيد کليه عناصر HTML را بدون در نظر گرفتن موقعيت عنصر در نمودار درختي يک سند گزينش نمائيد . به طور مثال

em {color: blue; }

با استفاده از اين گزينشگر مي توانيد کليه عناصر em را در صفحه گزينش نمائيد . با توجه به نمودار درختي سند مشاهده خواهيد نمود که گزينش با محل قرارگيري عنصر در سندHTML رابطه اي ندارد .

css selector webtarget.ir

بسياري از عناصر را مي توان با استفاده از گزينشگرهاي نوع گزينش نمود . مي توانيد براي بسياري از عناصر با استفاده از گزينشگر نوع دستور CSS بنويسيد .

گزينشگر class – Class selectors

در حالي که گزينشگر هاي نوع هر نمونه اي از يک عنصر را مورد هدف قرار مي دهند گزينشگرهاي class مي توانند هر عنصري از يک سند را که داراي خصوصيت class است ، بدون در نظر گرفتن موقعيت عنصر در سند HTML گزينش کنند .

فلسفه استفاده از class در گزينش عناصر در صفحه گزينش يک مجموعه از عناصر با يک خصوصيت يکسان است که در قالب يک class قرار مي گيرند . استفاده مناسب از class ها مي تواند تاثير بسيار زيادي در بهينه سازي کدهاي CSS و افزايش کنترل بر روي وب سايت داشته باشد . افزايش توانايي با تجربه و تمرين به وجود خواهد آمد .

This is some text

This is some text

• List item

  برچسب: نویسنده: حسن تاريخ: چهارشنبه 1 آبان 1392 ساعت: 0:28