یاد بگیرید که آبشار در آبشارهای آبشاری چیست؟

دوره کوتاه CSS

این آبشار چیزی است که صفحات سبک CSS را مفید می کند. به طور خلاصه، آبشار دستورالعمل اولویت برای اینکه چگونه سبکهای متضاد باید اعمال شود، تعریف می کند. به عبارت دیگر، اگر شما دو سبک دارید:

p {رنگ: قرمز؛ }
p {رنگ: آبی؛ }

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

و این سفارش توسط کدام گزینه (p در مثال بالا) اعمال می شود که بالاترین اولویت دارد و کدام دستور آنها در سند ظاهر می شود.

لیست زیر ساده است که چگونه مرورگر شما برای یک سبک تصمیم می گیرد:

1. در برگه سبک برای یک انتخاب کننده مطابق با عنصر نگاه کنید. اگر هیچ سبک مشخصی وجود نداشته باشد، از قوانین پیش فرض در مرورگر استفاده کنید
2. نگاه کنید به برگه سبک برای انتخاب های مشخص شده! مهم است و اعمال آن را به عناصر مناسب است.
3. تمام سبک های موجود در صفحه سبک، سبک های مرورگر پیش فرض را حذف می کنند (به جز در مورد ورق های سبک کاربر).
4. انتخابگر سبک تر مشخص تر است، بالاترین اولویت آن است. به عنوان مثال، div> p.class دقیق تر از p.class است که دقیق تر از p است.
5. در نهایت، اگر دو عنصر به همان عنصر اعمال میشوند و انتخاب اولویت دارند، آخرین بار بارگذاری می شود. به عبارت دیگر، ورق سبک از بالا به پایین خوانده می شود و سبک ها در بالای یکدیگر قرار می گیرند.

بر اساس آن قوانین، در مثال بالا، پاراگراف ها به صورت آبی نوشته می شوند، زیرا p {color: blue؛ } آخرین بار در صفحه سبک است

این یک توضیح ساده ساده از آبشار است. اگر شما علاقه مند به یادگیری بیشتر در مورد چگونگی کار آبشار، شما باید خواندن چه چیزی است "آبشار" به معنای در Cascading Style Sheets؟ .