سلام وقت بخیر.
این که برای زمانی هست که input چک شد تگ h3 بعدش رنگش عوض بشه و hover نیست. برای این موضوع تیلویند کلاس peer یا همتا داره که میتونیم استفاده کنیم و به input داده میشه و برای checked یا hover هم میشه برای h3 که بعدش، هست استفاده بشه دقت کن که تگ h3 بعدش دیگه بینشون نباید چیزی باشه
<input class="peer" type="checkbox" />
<h3 class="peer-checked:text-red-500">
عنوان
</h3>
<input class="peer" type="checkbox" />
<h3 class="peer-hover:text-red-500">
عنوان
</h3>
اونم مهدی جان مثل قبلی که نوشتم هست و استفاده از کلاس peer. ببین این سلکتور + یعنی فقط اولین المان بعد از input که h3 باشه و نباید بینشون چیزی باشه اما ~ میشه همه ای h3 های که بعد از input هستند حتی اگه بینشون المان دیگه ای باشه، حالا تیلویند کلاس peer رو داره که در عمل از ~ استفاده میکنه توی کد css ای که برای کلاس peer گذاشته بخاطر همین هر دوتاش رو جواب میده
Mahdi_pc
سلام استاد یه سوال:
توی تیلویند که hover مثلا توی class هست
اگر بخواییم بگیم :
چطوری باید بگیم ؟؟
علی شیخ
4 ماه پیش
سلام وقت بخیر.
این که برای زمانی هست که input چک شد تگ h3 بعدش رنگش عوض بشه و hover نیست. برای این موضوع تیلویند کلاس peer یا همتا داره که میتونیم استفاده کنیم و به input داده میشه و برای checked یا hover هم میشه برای h3 که بعدش، هست استفاده بشه دقت کن که تگ h3 بعدش دیگه بینشون نباید چیزی باشه
Mahdi_pc
4 ماه پیش
اگر به این شکل باشه چی ؟
علی شیخ
4 ماه پیش
اونم مهدی جان مثل قبلی که نوشتم هست و استفاده از کلاس peer. ببین این سلکتور + یعنی فقط اولین المان بعد از input که h3 باشه و نباید بینشون چیزی باشه اما ~ میشه همه ای h3 های که بعد از input هستند حتی اگه بینشون المان دیگه ای باشه، حالا تیلویند کلاس peer رو داره که در عمل از ~ استفاده میکنه توی کد css ای که برای کلاس peer گذاشته بخاطر همین هر دوتاش رو جواب میده