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

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

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

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

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

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

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

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

آموزش های مرتبط

آموزش CSS-گروه بندی گرینشگرها