آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش سلکتور های Grouping و Nesting در CSS

دوره های مرتبط با این مقاله

سلکتورهای Grouping

در style sheetها، اغلب عناصری با یک استایل وجود دارند.

نمونه اول

    
امتحان کنید

برای کوتاه کردن کد، می توان سلکتورها را group کرد.
هر سلکتور را باید با یک علامت ویرگول جدا کرد.
در مثلا زیر، سلکتورهای کد بالا با هم group شده اند:

نمونه دو

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

Nest کردن سلکتورها

اعمال کردن استایل برای سلکتور درون سلکتوری دیگر امکان پذیر است.
در مثال زیر، یک استایل برای همه عنصرهای p، تعیین شده است، و استایلی دیگر نیز برای عنصرهای p، که درون کلاس "marked" تودرتو شده اند، تعیین شده است.

نمونه سه

        p{
            color:blue;
            text-align:center;
        }
        .marked{
            background-color:blue;
        }
            .marked p {
                color: white;
            }
امتحان کنید
  • 3771
  •    2356
  • تاریخ ارسال :   1394/07/27

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .