5 پاسخ

سوال در مورد css

سلام دوستان چطور می شه در css دو classرو هم زمان انتخاب کرد ؟


ثبت پرسش جدید
عرفان گل کار
تخصص : back-end web developer
@erfan.golkar 1 سال پیش مطرح شد
0

بله مهمه. فقط شرمنده من اشتباه جواب رو نوشتم. چند حالت وجود داره.
وقتی دوتا class میخوای انتخاب کنی باید بینشون کاما بذاری (,) به این شکل :

.test-one, .test-two

وقتی میخوای تمامی المان های داخل یک المنت رو انتخاب کنی، باید فاصله بذاری؛ به این شکل :

  <div>
    <div class="test-1">
      <div class="test-1">
        <p class="test-1">Lorem ipsum</p>
      </div>
    </div>
  </div>
div .test-1 {
  color: red;
}

توی حالت بالا تمامی المنت های داخل div انتخاب میشن. مهم نیست چند تا المان تو در تو بنویسی. اما اگه میخوای فقط المان اولی که داخل المان div هست رو انتخاب کنی، باید از علامت بزرگتر (<) استفاده کنی؛ به این شکل :

div > .test-1 {
  color: red;
}

دوتا حالت دیگه هم وجود داره که کمتر استفاده میشه. علامت (+) و (~). کاملش رو میتونی اینجا مشاهده کنی :
CSS Combinators


امیرمحمد ناصردوست
تخصص : دانش اموز(برنامه نویسی)
@amir.ndt 1 سال پیش مطرح شد
0

اها بله دقیقا متشکرم فقط یه سوال فاصله باشه یا نباشه مهمه؟!


عرفان گل کار
تخصص : back-end web developer
@erfan.golkar 1 سال پیش مطرح شد
0

بله مهمه. فقط شرمنده من اشتباه جواب رو نوشتم. چند حالت وجود داره.
وقتی دوتا class میخوای انتخاب کنی باید بینشون کاما بذاری (,) به این شکل :

.test-one, .test-two

وقتی میخوای تمامی المان های داخل یک المنت رو انتخاب کنی، باید فاصله بذاری؛ به این شکل :

  <div>
    <div class="test-1">
      <div class="test-1">
        <p class="test-1">Lorem ipsum</p>
      </div>
    </div>
  </div>
div .test-1 {
  color: red;
}

توی حالت بالا تمامی المنت های داخل div انتخاب میشن. مهم نیست چند تا المان تو در تو بنویسی. اما اگه میخوای فقط المان اولی که داخل المان div هست رو انتخاب کنی، باید از علامت بزرگتر (<) استفاده کنی؛ به این شکل :

div > .test-1 {
  color: red;
}

دوتا حالت دیگه هم وجود داره که کمتر استفاده میشه. علامت (+) و (~). کاملش رو میتونی اینجا مشاهده کنی :
CSS Combinators


محمد امین فتاحی
تخصص : MERN stack developer
@mafattahi 1 سال پیش مطرح شد
0

سلام
برای این کار می تونی از کاراکتر , استفاده کنی برای مثال

.element-1 , .element-2 { 
     background: #ccc;
}

امیرمحمد ناصردوست
تخصص : دانش اموز(برنامه نویسی)
@amir.ndt 1 سال پیش مطرح شد
0

ممنون از پاسختون فهمیدم 🤩🙏


oss_vahid
تخصص : wp developer
@ossvahid 1 سال پیش مطرح شد
-1

امیر محمد جان
توی سایت w3schools کلا همه زبان های برنامه نویسی رو آموزش داده همین css و html هم یاد داده
سایت w3schools


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام