به کارگاه ترجمه ی سینا2 خوش آمدید!

تبلیغات شما در اینجا بالا

گروه بندی همه چیز در CSS

اکنون ما می دانیم که می توانیم سلکتورها و اعلان ها را گروه بندی کنیم. با ترکیب کردن هر دوی این گروه بندی ها، ما می توانیم استایل های بسیار پیچیده ای را تنها با استفاده از تعدادی دستور، تعریف کنیم. اکنون اگر می خواهیددر داخل یک سند(document)، برخی استایل های پیچیده را به تمام عنوان ها(headings) اعمال کنید، و می خواهید این استایل ها برای همه ی این عناصر یکسان باشند، می توانید به صورت زیر عمل کنید:

h1, h2, h3, h4, h5, h6 {color: gray; background: white; padding: 0.5em; border: 1px solid black; font-family: Charcoal, sans-serif;}

(تصویر 2.5)

تصویر 2.5

 روش بالا، نسبت به روش طولانی شده ی زیر، ترجیح داده می شود:

h1 {color: gray;}
h2 {color: gray;}
h3 {color: gray;}
h4 {color: gray;}
h5 {color: gray;}
h6 {color: gray;}
h1 {background: white;}
h2 {background: white;}
h3 {background: white;}

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

!Donate

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.


تصویر امنیتی
تصویر امنیتی جدید

ستاره غیر فعالستاره غیر فعالستاره غیر فعالستاره غیر فعالستاره غیر فعال