سلام دوستان من یه منو دارم فرض کنید به این شکل
<li>
<a href="/" class="active">home</a>
</li>
<li>
<a href="/" >shop</a>
</li>
توی این مثال من چطور میتونم بگم اگر a کلاس active داشت والدش که li هست رو یسری استایل بهش بده؟ راهی هست؟
سلام دوستان من یه منو دارم فرض کنید به این شکل
<li>
<a href="/" class="active">home</a>
</li>
<li>
<a href="/" >shop</a>
</li>
توی این مثال من چطور میتونم بگم اگر a کلاس active داشت والدش که li هست رو یسری استایل بهش بده؟ راهی هست؟
سلام،
در حال حاضر هرچند در 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 رو انتقال بدید به والد، به اجبار باید از جاوا اسکریپت استفاده کنید.
ندونستن عیب نیست، نپرسیدن چرا!