این آموزش در تاریخ ۱۴۰۰/۱۰/۱۳ آپدیت شده است.
آموزش انتخابگر کل یا سراسری در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش انتخابگر کل یا سراسری در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
انتخابگر کل یا سراسری در CSS
انتخابگر کل یا سراسری یا به این علامت ( * ) انتخابگری است که با استفاده از اون میشه تمامی عناصر ( تگ های ) داخل یک صفحه وب رو انتخاب و سپس به آنها استایل داد.
Free-Learn
مثال از این انتخابگر
در ادامه میتوانید یک مثال از این انتخابگر را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : این انتخابگر میاد و تمامی تگ های موجود در یک صفحه رو انتخاب میکنه ( یعنی هرچی داخل صفحه باشه انتخاب میشه )
|
1 2 3 4 5 6 7 8 9 |
<style> *{ background-color:#9C27B0; color:#fff; text-align:center; } </style> |
مثال شماره ۲ : استفاده از ویژگی box-sizing بصورت سراسری ( یعنی box-sizing بروی تمامی عناصر درون صفحه اعمال میشه و دیگه لازم نیست بیایم و بصورت مجزا برای یک یا چندین تگ بصورت مجزا تعریفش کنیم )
|
1 2 3 |
*{ box-sizing:border-box; } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این انتخابگر در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | Edge |
| سراسری / * | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری انتخابگر کل یا سراسری در CSS
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر در CSS بصورت زیر می باشد.
|
1 2 3 |
* { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
- این انتخابگر کلا هرچی داخل صفحه باشه انتخاب میکند
- بیشترین کاربرد این انتخابگر برای استفاده از ویژگی box-sizing می باشد، یعنی میگه حالت box-sizing بروی تمامی تگ های موجود در صفحه اعمال بشه. ( حتما جریان مدل باکس رو مطالعه نمایید )
