اکنون ما می دانیم که می توانیم سلکتورها و اعلان ها را گروه بندی کنیم. با ترکیب کردن هر دوی این گروه بندی ها، ما می توانیم استایل های بسیار پیچیده ای را تنها با استفاده از تعدادی دستور، تعریف کنیم. اکنون اگر می خواهیددر داخل یک سند(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)

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

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;}

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

• بعدی
• قبلی