سلام دوستان چطور می شه در css دو classرو هم زمان انتخاب کرد ؟
بله مهمه. فقط شرمنده من اشتباه جواب رو نوشتم. چند حالت وجود داره.
وقتی دوتا 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
بله مهمه. فقط شرمنده من اشتباه جواب رو نوشتم. چند حالت وجود داره.
وقتی دوتا 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
سلام
برای این کار می تونی از کاراکتر , استفاده کنی برای مثال
.element-1 , .element-2 {
background: #ccc;
}
امیر محمد جان
توی سایت w3schools کلا همه زبان های برنامه نویسی رو آموزش داده همین css و html هم یاد داده
سایت w3schools
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟