این آموزش در تاریخ ۱۴۰۰/۱۰/۱۵ آپدیت شده است.
آموزش شبه کلاس Root در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس Root در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس Root در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) root در CSS میتوان روت ( یا ریشه ) یک صفحه وب رو انتخاب و استایل دلخواه تعریف کرد.
root میشه ریشه ( یا هم جَد ) تمامی تگ های موجود در یک صفحه وب، در نتیجه اگه برای این شبه کلاس استایل تعریف نمایید یعنی در واقع برای تمامی تگ های موجود در صفحه استایل تعریف کرده اید.
| نسخه | CSS3 |
|---|
Free-Learn
مثال از شبه کلاس Root در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : تعریف متغیرها در صفحه با استفاده از شبه کلاس root: ( آموزش کار با متغیرها در CSS )
|
1 2 3 4 5 6 |
:root{ --mybgcolor:#FF5722; --mytextcolor:#fff; --mypadding:10px; --mytextcenter:center; } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس root در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | Edge |
| root: | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
|
1 2 3 |
:root { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
