مشکل کلاس ها در swiper js
سلام دوستان خسته نباشید.
کسی با swiper js کار کرده؟
مشکل من این هست که می خوام در دو کامپوننت جداگونه از swiper استفاده کنم و می خوام استایل های متفاتی بهشون بدم(اصلا دو چیز کاملا متفاوت هستند) وقتی این کامپوننت ها با هم در یک صفحه قرار می گیرند cssشون تداخل پیدا می کنه.به نظرم خودم بهترین راه تغییر کلاس هاشون هست.اما این کار رو بلد نیستم و چیزی هم در سایت خودش پیدا نکردم.
کسی میدونه باید چیکار کنم؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
در اصل مشکل شما در نحوه Style دهی است، ربطی به swiper نداره اصلا.
شما باید برای جدا سازی هر یک از swiper ها یک ID یا Class به container اصلی swiper توی HTML بدید و نسبت به اون بیاد CSS ها را تغییر دهید.
swiper خودش یکسری کلاس پیش فرض به item ها اضافه میکنه از اونها با توجه به ID یا کلاسی که به container اصلی دادید میشه به هر اسلاید Style دهی متفاوتی انجام داد.
مثال خیلی خوب از همین مورد صفحه اصلی راکت را باز کنید کد های قسمت "مسیرهای یادگیری" را بررسی نمایید.