cssطراحی سایت

جلسه ۲۶: اولویت های مکان در CSS

در این درس ، ماهیت و کاربرد خصوصیات مکان را بررسی خواهیم کرد.
موارد زیر را بیان خواهیم کرد

  • شش اولویت اصلی مکان

اگر قانون برنده با بالاترین اولویت انتخاب نشود ، و حتی انتخاب مقررات رقابتی منجر به تصمیم گیری نشود ، در آخرین مرحله از اولویت مکان برای یافتن برنده استفاده می شود.

شش اولویت اصلی مکان

تصمیم گیری با توجه به شش اولویت مکان انجام می شود ، همانطور که در اینجا از بالاترین تا پایین ترین لیست ذکر شده است:

 

  1. اولین مکان با اولویت بالا ، عنصر <style> در بالای سند HTML است.
  2. مکان اولویت دوم ، یک سبک استایل است که توسطimport at-rule تعبیه شده در عنصر <style> وارد شده است
  3. مکان اولویت سوم ، یک سبک استایل است که توسط یک عنصر <link> پیوست شده است.
  4. مکان اولویت چهارم ، یک صفحه استایل است که توسطimport at-rule تعبیه شده در یک صفحه سبک پیوست شده توسط یک عنصر <link> وارد شده است.
  5. مکان اولویت پنجم یک صفحه استایل است که توسط کاربر نهایی پیوست شده است. یک استثنا برای قوانین مهم در یک صفحه استایل کاربر نهایی ایجاد شده است. این قوانین بیشترین اولویت را دارند.
  6. و آخر اینکه ، مکان اولویت ششم (کمترین الویت) سبک استایل پیش فرض است که توسط یک مرورگر ارائه می شود.

 

ممکن است اتفاق بیفتد که چندین صفحه استایل در همان سطح مکان پیوست یا وارد شوند. در این حالت ترتیب پیوست بودن آنها تعیین کننده اولویت است. برگه های استایل پیوست شده آخر برگه هایی را که قبلاً ضمیمه شده اند نادیده می گیرند

توجه: همانطور که از الگوریتمی که ترتیب آبشار را تعیین می کند مشاهده می کنید ، در پایان فقط یک برنده باقی می ماند ، بنابراین عدم استفاده از قانون CSS عدم تعیین است. گاهی اوقات به راحتی نمی توان ردیابی کرد که کدام قانون اظهارنامه برنده را به تصویر می آورد ، زیرا همیشه بدون ابهام است.

در درس بعدی ، ما با برگه های استایل وابسته به مدیا ملاقات خواهیم کرد.

گوش به زنگ باشید! 🙂

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا