💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ neda rezapour
اعمال نشدن پراپرتی با آدرس دهی چند کلاسه
جامعه Html & CSS ایجاد شده در ۲۸ اسفند ۱۴۰۲

بعضا آدرس هایی که شامل یک تگ درون یک کلاس و یا چند کلاس پشت هم فراخوانی میشه همانند(.card-body  .course-title). پراپرتی‌های مد نظر بهشون اعمال نمیشه. هنوز هم این شیوه آدرس دهی کار میکنه و مشکل از کدنویسی من هست؟

سلام،

بله، این شیوه آدرس‌دهی که شامل استفاده از چند کلاس در کنار هم است، هنوز هم کاربرد دارد و معمولاً مشکل از نحوه استفاده شما از آن است. وقتی از .card-body .course-title استفاده می‌کنید، به معنای انتخاب تمام عناصر با کلاس course-title است که درون عناصری با کلاس card-body قرار دارند، نه کنار آنها. مهم است که فاصله بین دو کلاس در CSS نشان‌دهنده رابطه والد-فرزندی است، نه اینکه هر دو کلاس بر روی یک عنصر باشند.

مثال:
اگر HTML شما به این شکل باشد:

<div class="card-body">
  <h2 class="course-title">عنوان دوره</h2>
</div>

 

و CSS شما به این شکل باشد:

.card-body .course-title {
  color: blue;
}

 

در این حالت، رنگ تمام عناصر با کلاس course-title که درون عناصر با کلاس card-body قرار دارند به آبی تغییر می‌کند.

 

اگر سؤالتون رو اشتباه برداشت کردم، بیشتر توضیح بدید و مثال بیاورید.

محسن موحد ۰۲ فروردین ۱۴۰۳، ۰۵:۳۳