استایل دهی

سلام
چرا خوب این کارو بکنین
ی راست بدون دردسر اضافی تو هم فایل سی اس اس استایل هاتون رو بدید
ولی چون کد اچ تی ام ال از بالا به پایین اگر اول سی اس اس رو به اچ تی ام ال لینک کرده باشید
بعد پایین ترش سی اس اس رو توی استایل نوشته باشید اول اون فایل سی اس اس خونده بشه
مطمئن نیستم ولی فکر کنم همینطوری هست

سلام
دوستمون هم درست گفتن ولی حس میکنم پیچیده کرده
بستگی به محل قرارگیری داره هر کدوم پایین تر باشه اول اون اجرای میشه
مثلا بعد ازاینکه فایل css تگ استایل قرار بدید استایل های تگ اعمال میشن و بلعکس

سلام دوست عزیز .
شما درکل همونطور که دوستان فرمودن , بهتره توی فایل جدا سی اس اس رو لینک بدید.
ولی برای اینکه مشخص کنید کدوم کد اجرا باشه از دستور !important
استفاده کنین
برای مثال:

.test p { 
color : red !important;
color: blue;
}

الان چون رنگ قرمز مهم تره نوشته به رنگ قرمز در میاد
موفق باشی ❤️

منطق کلیش طبق اولویت اینه:

1. بالاترین اولویت با استایل همراه با important! هست.
2. بعدش استایل inline. یعنی بعنوان یک property با نام style روی خود المنت اضافه بشه.
3. بعدش داخل تگ style در تگ head صفحه
4. و در انتها استایل‌های داخل فایل اکسترنال

فارغ از این ماجرا یکسری ماجراهای دیگه هم ممکنه روی این اولویت ها تاثیر بذارند. مثل اینکه هر چقدر رفرنس دهی به المان در بخش selector زبان css دقیق تر باشه نسبت به سایر استایل ها که کمتر دقیق هستند اولویت بالاتری دارند.
یا مثلا رفرنس دهی با استفاده از id (علامت #) به یک المنت اولویت بالاتری داره در مقایسه با رفرنس دهی با استفاده از نام tag.

اولویت اعمال نگاردهی درون خطی (inline style) از نگاردهی خارجی (external style) بالاتر است. مگر اینکه در نگاردهی خارجی از کلمه کلیدی !important استفاده بشه.

منطق کلیش طبق اولویت اینه:

1. بالاترین اولویت با استایل همراه با important! هست.
2. بعدش استایل inline. یعنی بعنوان یک property با نام style روی خود المنت اضافه بشه.
   **3. بعدش داخل تگ style در تگ head صفحه
3. و در انتها استایل‌های داخل فایل اکسترنال**

با درود خدمت شما @mhyeganeh خواستم اصلاحی رو نسبت به عبارتی که نوشتید صورت بدم، اینکه بین گزینه 3 و 4 ارجحیتی به دلیل داخلی و خارجی بودن وجود نداره. تنها ارجحیت بین این دو به واسطه ترتیب قرارگیری کدها می تونه باشه.
یعنی اگر فایل خارجی CSS مان را بوسیله عنصر link در سند HTML مان پیوند دهی کنیم و در ترتیب قرارگیری کدها، پایین تر از عنصر <style> قرار دهیم، ارجحیت با CSS خارجی خواهد بود (بدون در نظر گرفتن اولویت دهی اهمیت importance و اختصاصی‌‌مندی Specificity).

البته چون قرارگیری <style> در انتهای عنصر head متداول هستش، شبیه به یک اصل در اومده (اما عبارت دقیقی نیست).

@milad

دم شما گرم. 👌
حق با شماست و نکته جالبی بود. در منابع زیادی مثل اینجا اولویت استایل های internal رو بالاتر از external ذکر کردند. ولی همون طوری که اشاره کردید ظاهرا غلط مصطلح و جا افتاده هست.

تشکر از اصلاحیه دقیقتون. 🙏

سلام.دوباره آموزشات استاد رو ببین و از خود ایشون این سوال رو بپرس.

سلام
این کار اصلا استاندارد نیست و بهتره که توی فایل اکسترنال این کار رو انجام بدی و لینک کنی به کد