iran

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

14 پست در این موضوع قرار دارد

سلام

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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


<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">

به اشتراک گذاری این پست


لینک به پست

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

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

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

به اشتراک گذاری این پست


لینک به پست

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


<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 ؟

به اشتراک گذاری این پست


لینک به پست

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

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

برای مثال

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

و در x2 کلاس s1

الویت با s2 هست


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

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

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


<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 بنویسید.

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

سلام

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

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط hamid.he
      سلام بر دوستان .
      يك سايت با استفاده از قالب هاي آماده روي لوكال هاست طراحي كرده ام تصميم گرفت بقيه كار سايت را بعد از انتقال بر روي هاست انجام دهم . خودم بلد نبودم سايت را به هاست منقل كنم از دوستي خواهش كردم انجام دهد . منتها بعد از انتقال به هاست اولا صفحه به هم ريخته و نادرست است . عكس ها نمي آيند و هم چنين روي هر لينك و يا منويي كليك مي كنيم صفحه به لوكال هاست مي خواهد برود و براي همين چيزي بالا نمي آيد . آدرس سايت : www.behinja.com  مي باشد كه مي توانيد مشاهده . چگونه مي شود اين مشكل را رفع كرد . پيشاپيش از پاسخ گويي دوستان تشكر مي كنم
    • توسط MahTV
      سلام دوستان و اساتید عزیز
      اگه بخوایم به صورت شرطی (کوچک بودن صفحه نمایش ) تو موبایل یک باکس رو (مثل باکس دانلود) به کاربر در حالت چرخش صفحه نشون بدیم 
      و به کاربر بگیم که برا دیدن لینک ها باید گوشی موبایلت رو بچرخونی باید چیکار کنیم ؟
       
      من این کد رو از سایتی برداشتم ولی نمیدونم چطور باید ازش استفاده کنم 
      <div class="alerta"><b class="icon-screen-rotation"></b><p style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">برای دیدن لینکهای دانلود ، موبایل خود را بچرخانید . دقت کنید گزینه اسکرین روتیشن یا چرخش صفحه در دستگاه شما روشن باشد </span></p></div>  
       
       
       
       
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط armakcell
      سلام ، بنده یک مشکل خیلی بزرگ دارم اگر به بنده کمک کنید واقعا مدیون شما میشم
      بنده افزونه سئو را در وردپرس نصب کرده ام و اما هویت گوگل وقتی کد را میفرستد و بنده میزنم میگوید نمایه وجود ندارد
      فایلی را آپلود میکنم ببینید متوجه مشکل بنده میشید