سلكت كردن كلاس هاي بوت استرپ در فايل css پروژه
سلام
وقتي در پروژمون از بوت استرپ استفاده ميكنيم و از كلاس هاي آماده اون درون تگ ها استفاده ميكنيم ميتونيم در فايل css اون كلاس آماده رو سلكت يا انتخاب كنيم و مثلاً چند خط كد css خام به اون اضافه كنيم؟
تشكر
پاسخ‌ها
11
سلام
بله میتونید
سلام
آره 👍
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد
سلام
میتونید فقط برای اینکه تو اولویت باشه باید از important استفاده کنید
@arminbeik سلام
شما یه فایل بوت استرپ دارید که فراخونی می کنید و یه سی اس اس خودتون . بنا به اولویت فراخونی در ابتدای صفحه به استایل ها هم اولویت داده میشه . این نکته خیلی مهمی هست که اگه بدونین نیازی به impotant گذاشتن ندارید. موفق باشید
@gomnam
@farhadi
متوجه important نشدم.
شما فرض كنيد يك سند html دارم يكي هم css
بوت استرپ رو هم به وسيله cdn درون سند html اضافه كردم
حالا وسط كدهاي html يك div دارم كه كلاس bootstrap داره و ميخوام يخورده شخصي سازيش كنم
اسم كلاسش رو وسط كد هاي css مثلاً خط ٥٠٠ فايل css مينويسم و ميخوام يكسري ويژگي هاي جديد به كلاسش اضافه كنم
در اين حالت important رو بايد به چي و كجا اضافه كنم؟
@arminbeik هیچی در این حالت به نظر من توی فایل سی اس اس خودتون یه کلاس بسازید اون چند تا خاصیتی که میخواید رو بنویسید
حالا توی همون خط 500 بعد اون کلاس بوت استرپ کلاس خودتونم بنویسید.
ویژگی های قبلی رو از بوت استرپ میگیره جدید هاشم از کلاس شما!
@arminbeik اون ایمپورتنت زمانی کارایی داره که ویژگی رو از کلاس والد بگیره و شما بخواید به اجبار بهش بگید اونو بیخیال شو و فقط اینو بگیر( به زبان ساده)
مثلا :
h1{
color: red !important;
}@gomnam با این مثال فقط گمراه میکنید ! h1 یک کلاس از پیش تعریف شده است! الان ایشون بره براش ایمپورتنت بذاره همرو قرمز میکنه. برای کلاس ها و ویژگی های خودش ایمپورتنت بده. هر چند که این کار حرفه ای نیست و توصیه نمیشه.
سلام بله میتونید
به شرطی که فایل css خودتون رو بعد از فایل بوت استرپ فراخونی کنید
سلام. ببینید اگه پروژه ی شما بعدها قرارهست که بروزرسانی و توسعه داده بشه، اصلا به فایل های اصلی دست نزنین
بهترین کار این است که در بالای صفحه ی html و در جایی که استایلهای خودتون رو در تگ head صدا میزنین، استایلهای خودتون رو در خط اول قرار بدید
برای مثال نمونه ی زیر :
<head>
...
<link rel="stylesheet" href="https://roocket.ir/css/foundation.min.css" />
<link rel="stylesheet" href="https://roocket.ir/css/app.css" />
</head>تبدیل بشه به زیر:
<head>
...
<link rel="stylesheet" href="https://roocket.ir/css/app.css" />
<link rel="stylesheet" href="https://roocket.ir/css/foundation.min.css" />
</head>اینطوری دیگه مجبور نیستید که به کلاسهای خودتون مدام کلمه ی important اضافه کنین.
ناگفته نماند که بوتسترپ درسته که بین کاربران محبوبه، ولی محبوبیت دلیل بر عالی بودن نیست. خیلی ایرادات سی اس اسی در بوتسترپ وجود داره که ما باید مدام با نوشتن کلمه ی important این مسائل رو حل کنیم و من بعد از شش سال فرانت که کار میکنم تابحال یکبار هم نشده از فریم ورک بوتسترپ استفاده کنم چون هنوز هم به شدت قبل، دارای نواقص زیادی هست