عنوان:

‫CSS Isolation با AddRazorRuntimeCompilation کار نمیکند


نویسنده: شریعتی پیام
تاریخ: ۱۴۰۰/۰۸/۲۲ ۱۴:۴۳
آدرس: www.dntips.ir

هنگام استفاده از پکیج RuntimeCompilation و فراخوانی

builder.Services.AddRazorPages()
    .AddRazorRuntimeCompilation();

نمیتوان از قابلیت CSS Isolation استفاده کرد.



مشاهده مطلب اصلی

نظرات

  • شریعتی پیام در ۱۴۰۰/۰۸/۲۵ ۱۴:۵۸
    نکته تکمیلی
    برای استایل دادن به المنت‌های img هنگام استفاده از CSS Isolation به این صورت عمل میکنیم :
    <img id="logo" src="~/logo.png" />
    /*CSS Isolation*/
    ::deep #logo {
        width: 100px;
    }
    چون رشته Random ایجاد شده برای المنت ها، به المنت Img اعمال نمیشود.
    <div b-ksdgitrxxw>
        <img id="log" src="~/logo.png" />
    </div>
    و اگر از deep:: استفاده نکنیم خروجی به این شکل خواهد بود :
    #logo[b-ksdgitrxxw] {
        width: 100px;
    }
    Selector بالا به معنی انتخاب المنتی با آی دی logo و دارای اتریبیوت  [b-ksdgitrxxw] است، اما همانطور که در بالاتر دیدیم هنگام استفاده از CSS Isolation رشته Random برای المنت‌های Img ایجاد نمیشود.