راکت
حل شده

سوال در مورد css

5 پاسخ

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

ثبت پرسش جدید

پاسخ‌ها

5
عرفان گل کار
عرفان گل کار
@erfan.golkar

تخصص: back-end web developer

بهترین پاسخ

بله مهمه. فقط شرمنده من اشتباه جواب رو نوشتم. چند حالت وجود داره.
وقتی دوتا 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

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

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

محمد امین فتاحی
محمد امین فتاحی
@mafattahi

تخصص: MERN stack developer

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

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

شاید پاسخ شما همین‌جا باشد

امیرمحمد ناصردوست
امیرمحمد ناصردوست
@amir.ndt

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

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

vahid
vahid
@vahid1379

تخصص: توسعه دهنده وردپرس

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

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

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