اولویت دادن به فایل سی اس اس

[iran 375]

سلام

من در حال طراحی یه قالب با بوت استرپ هستم

وتعدادی از اون کلاس ها توی بوت استرپ هست و من توی سی اس اس جداگانه ام که ساخته ام برای اولویت بخشیدن از !important استفاده می کنم

می خواستم ببینم راهی هست برای اینکه کل این فایل سی اس اس رو پیش فرض یا اولویت بالاتر بدم ؟

[Farzad 3805]

می تونید فایل با اولویت بالاتر رو بعد از سایر فایل های استایل لود کنید.

[Black_Sky 6349]

درجایی خوندم که میتونید به صورت زیر هم درجه اهمیت بدید (تست نکردم):

<link href="x1.css" type="text/css" title="+A"  rel="stylesheet">
<link href="x2.css" type="text/css" title="A"  rel="stylesheet">
<link href="x3.css" type="text/css" title="++A"  rel="stylesheet">

[Pouya 1102]

سلام. فایل استایل رو در انتهای کدهای پوسته فراخوانی کنید.

یا استایل هر قسمت رو در تگ مربوطه تعریف کنید.

که هیچ کدوم پیشنهاد نمیشه!

[iran 375]

درجایی خوندم که میتونید به صورت زیر هم درجه اهمیت بدید (تست نکردم):

<link href="x1.css" type="text/css" title="+A" rel="stylesheet">
<link href="x2.css" type="text/css" title="A" rel="stylesheet">
<link href="x3.css" type="text/css" title="++A" rel="stylesheet">

فعلا تست نکردم

اما a اولویت یک می شه و بقیه 2 و 3 ؟

[Parsa 23463]

الویت با استایلی هست که انتها لود میشه

و همچنین با داخلی‌ترین کلاس

برای مثال

اگر در فایل x1 کلاس داخلی s2 داده شده باشد

و در x2 کلاس s1

الویت با s2 هست

<div class="s1"><div class="s2">test</div></div>

[iran 375]

دوست عزیز ببنید

مثلا من دو تا فایل سی اس اس دارم با نام های bootstrap.css و style.css

حالا به عنوان مثال من توی فایل bootstrap.css یه کلاس دارم به نام header و با محتوای background-color:#aaa

ومن می خوام دقیقا همین کلاس رو توی style.css ایجاد کنم با رنگ زمینه قرمز که در این حالت باید از !important استفاده کنم تا اولویتی بالاتر از اون داشته باشه

اما من می خواهم ایمپورتنت رو اضافه نکنم و فایل style.css رو به کل اولویت بدم و دیگه نیازی نباشه دائما ایمپورتنت اضافه کنم

[Parsa 23463]

در توضیحات قبلی دقیقا گفته شده راه حل

با دیباگر مرورگر الویت استایها را بررسی کنید

[Ehsaan 1865]

درجایی خوندم که میتونید به صورت زیر هم درجه اهمیت بدید (تست نکردم):

<link href="x1.css" type="text/css" title="+A" rel="stylesheet">
<link href="x2.css" type="text/css" title="A" rel="stylesheet">
<link href="x3.css" type="text/css" title="++A" rel="stylesheet">

کار نکرد متأسفانه با کروم

شما میتونید استایل موردنظرتون رو با Sass بنویسید و بعد ترجمه کنید، اینطور نمیخواید مرتب !important بنویسید.

[iran 375]

کار کردن با less برام زمان بر می شه فعلا

[Ehsaan 1865]

چرا زمانبر؟ اتفاقاً همه با sass و less مینویسن که وقت زیادی ازشون گرفته نشه. اگه سرعت نتتون خوبه و nodejs رو دارید، راحت دانلود کنید و کامپایلش کنید.

[iran 375]

چرا زمانبر؟ اتفاقاً همه با sass و less مینویسن که وقت زیادی ازشون گرفته نشه. اگه سرعت نتتون خوبه و nodejs رو دارید، راحت دانلود کنید و کامپایلش کنید.

]چون یخورده آشناییم باهاش کمه ممکنه زیاد وقت بگیره ازم

[پویابهروش 237]

سلام

من در حال طراحی یه قالب با بوت استرپ هستم

وتعدادی از اون کلاس ها توی بوت استرپ هست و من توی سی اس اس جداگانه ام که ساخته ام برای اولویت بخشیدن از !important استفاده می کنم

می خواستم ببینم راهی هست برای اینکه کل این فایل سی اس اس رو پیش فرض یا اولویت بالاتر بدم ؟

سلام دوست من. کد و ترفند خاصی لازم نداره! اونی رو که می خواید در اولویت باشه رو آخر از همه لود کنید! یعنی کد linkش رو برای فراخوانیش رو آخر از بقیه قرار بدید

[iran 375]

سلام دوست من. کد و ترفند خاصی لازم نداره! اونی رو که می خواید در اولویت باشه رو آخر از همه لود کنید! یعنی کد linkش رو برای فراخوانیش رو آخر از بقیه قرار بدید

واقعا !!!! من فکر می کردم اول بذارم تاثیرش اولویت می شه اما برعکس !!!

دمت گرم تست می کنم!