CSSطراحی سایتگوناگون

۱۵-گروه بندی Selector ها در CSS

بعضی مواقع روی چندین Selector یک Style یکسان تنظیم می شود، مانند مثال زیر:

 

 

  • برای کوتاه تر شدن کد، می توانید Selectorها را در یک گروه قرار دهید.
  • هر Selector را با علامت “,” جدا کنید.

 

بنابر این خواهیم داشت:

 

  • تصویر قطعه کد بالا به شکل زیر است:

 

 


 

Selector های تو در تو

 

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

در مثال زیر، در Selector اول یک Style برای تمام تگ های <p> و همچنین در Selector دوم برای تمام عناصر با کلاس “marked” مشخص شده است، ولی در Selector تو در توی سوم Style مورد نظر روی تمام تگ های <p> که داخل عنصری با کلاس “marked” است اعمال می شود.

 

  • تصویر قطعه کد بالا به شکل زیر است:

 

 


بخش بعدی

بخش قبلی

به این پست امتیاز دهید.
برچسب ها
مشاهده بیشتر

رضااسدزاده

رضااسدزاده هستم مهندس نرم افزار علاقه مند به فضای وب از تاریخ 12شهریور سال96 سایت تیچ وب رو راه اندازی کردیم با هدف گسترش اطلاعات نرم افزاری و زبان های برنامه نویسی . امیدوارم با حمایت شما دوستان بتونیم به این هدف بزرگ دست پیدا کنیم.

نوشته های مشابه

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

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

بستن