سلکتورهای Grouping
در style sheetها، اغلب عناصری با یک استایل وجود دارند.
برای کوتاه کردن کد، می توان سلکتورها را group کرد.
هر سلکتور را باید با یک علامت ویرگول جدا کرد.
در مثلا زیر، سلکتورهای کد بالا با هم group شده اند:
Nest کردن سلکتورها
اعمال کردن استایل برای سلکتور درون سلکتوری دیگر امکان پذیر است.
در مثال زیر، یک استایل برای همه عنصرهای p، تعیین شده است، و استایلی دیگر نیز برای عنصرهای p، که درون کلاس "marked" تودرتو شده اند، تعیین شده است.
نمونه سه
p{
color:blue;
text-align:center;
}
.marked{
background-color:blue;
}
.marked p {
color: white;
}