حل شده

انتخاب والد در صورتی که فرزند دارای کلاس باشد!

بازدید95پست ها1آخرین فعالیت1 سال پیش
0
1

سلام دوستان من یه منو دارم فرض کنید به این شکل

<li>
<a  href="/" class="active">home</a>
</li>
<li>
<a  href="/" >shop</a>
</li>

توی این مثال من چطور میتونم بگم اگر a کلاس active داشت والدش که li هست رو یسری استایل بهش بده؟ راهی هست؟

1 پاسخ

0

سلام،
در حال حاضر هرچند در css جدید یه pseudo به اسم :has داریم که میشه باهاش اینکارو انجام داد اما تو همه مرورگرها پشتیبانی نمیشه و نباید ازش استفاده کرد.

/* Selects an h1 heading with a
paragraph element that immediately follows
the h1 and applies the style to h1 */
h1:has(+ p) {
  margin-bottom: 0;
}

اگر نمیتونید کد html رو عوض کنید مثلا کلاس active رو انتقال بدید به والد، به اجبار باید از جاوا اسکریپت استفاده کنید.

سوال برنامه نویسی دارید؟

ندونستن عیب نیست، نپرسیدن چرا!

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.