ادامه اموزش طراحی سایت با CSS:

گزینشگرهای CSS

در زبان  CSS از ۶ طریق می توان یک تگ را انتخاب کرد یا به عبارتی ۶ نوع گزینشگر وجود دارد :

  • .گزینشگرھای برچسب (Tag Selectors)
  • (Pseudo-Class Selectors) گزینشگرھای کلاس کاذب.
  • (Class Selectors) گزینشگرھای کلاس.
  • (Contextual Selectors) گزینشگرھای مفھومی.
  • .گزینشگرھای خصوصی (ID Selectors)
  • (Universal Selector) گزینشگر عمومی.

حال به تشریح ھر کدام از این گزینشگرھا به ھمراه مثال می پردازیم :

  1. گزینشگرھای برچسب : این گزینشگرھا ھمان نام تگ ھای HTML می باشند. در این حالت نام تگ را انتخاب می

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

  1. گزینشگرھای کلاس کاذب : این سیلکتورھا برای نمایش رویدادھای پویا مورد استفاده قرار می گیرند ؛ اینرویدادھا می توانند مثل حرکت موس یا کلیک بر روی عنصر باشند. کلاس ھای کاذب به طراح، آزادی عمل می دھند کهچگونگی رفتار عنصر در شرایط مختلف را تعیین کند.

طریقه استفاده از کلاس ھای کاذب به اینگونه است که پس از نام گزینشگر یک علامت : (دو نقطه) و سپس نام یکی ازکلاس ھای کاذب می آید.

توجه داشته باشید که دو کلاس link  و visited فقط برای تگ ھای >a< استفاده می شوند و بقیه کلاسھای کاذب رامی توان برای ھمه ی تگ ھا استفاده کرد.

درضمن ترتیب قرارگیری این کلاسھا نیز بسیار مھم است و اگر طبق ترتیبی در ادامه خواھیم گفت قرار نگیرند، استایلھای تعریف شده به درستی کار نخواھند کرد.

 

  1. گزینشگرھای کلاس : تا به اینجا شما یاد گرفتید که چگونه برای ھر تگی از تگ ھای HTML استایل مورد نظر راتعریف کنید، اما اگر خواستید به دو تگ یکسان دو استایل مختلف را اختصاص دھید باید چه کنید ؟؟؟؟؟؟

 

::. چند نکته در استفاده از کلاس ھا :

  • .در انتخاب نام کلاس ھا باید دقت داشته باشید که اولین حرف نباید عدد یا نقطه و یا علامت ؟ باشد مثلاکلاس learn7 اشتباه است و ھنگام تعریف استایل کار نخواھد کرد.
  • .ھنگام نوشتن نام کلاس در زبان CSS قبل از نام باید یک . (نقطه) قرار دھید مانند
  • . شما می توانید بیش از یک کلاس برای یک تگ تعریف کنید به این صورت که بین ھر نام یک فاصله (space)قرار دھید،

۴٫گزینشگرھای مفھومی : ھنگام تعریف یک کلاس برای یک تگ، اگر تگ دیگری ( ھمسان یا غیر ھمسان) ھمان نامکلاس را نیز داشته باشد استایل تعریف شده به آن تگ نیز اختصاص داده خواھد شد.

 

اموزش طراحی سایت با CSS !! ادامه اموزش در جلسه بعدی…

بارگذاری نوشته های مرتبط بیشتر
بارگذاری بیشتر در آموزش Css در طراحی سایت

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

19 + بیست =

بررسی کنید

آموزش CSS (فصل بیستم) – آشنایی جلوه های ویژه ی CSS3

در این جلسه  طراحی سایت شما را با جلوه های ویژه ی CSS3 آشنا می کنیم: خاصیت transform شما م…