سبد (0)

گروه بندی selectorها در CSS

گروه بندی Selectorها در CSS

Wiki

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

h1
{
color:green;
}
h2
{
color:green;
}
p
{
color:green;
}

برای کوتاه تر شدن کد، می توانید Selectorها را در یک گروه قرار دهید.

هر Selector را با علامت "," جدا کنید.

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

مثال (گروه بندی selectorها در CSS)

h1,h2,p
{
color:green;
}
خودتان امتحان کنید »

Selectorهای تو در تو

Wiki

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

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

مثال (گروه بندی selectorها در CSS)

p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}
خودتان امتحان کنید »

آموزش صوتی CSS

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه