這是一個非常簡單的場景，但我找不到框架內解決方案。我有一個帶有文本和圖示的鏈接。在鏈接懸停時，圖示應該獲得與鏈接文本不同的顏色。
<a href="#" class="block text-black hover:text-red"><i class="fa fa-icon text-grey hover:text-blue"></i>
圖示懸停僅在滑鼠懸停在其上方時觸發，而不是整個鏈接。我知道我仍然可以在順風中撰寫自定義類，但這是一個如此基本的問題，我希望有人知道更好的解決方案。
uj5u.com熱心網友回復：
添加group類以鏈接并group-hover:在圖示上使用。
<script src="https://cdn.tailwindcss.com"></script>
<a href="#" class="block p-6 border group text-black hover:text-red">
<span class="text-grey group-hover:text-blue-500">icon</span>
</a>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/387170.html
上一篇：如何為移動用戶提供圖片而不是視頻
下一篇：如何在底部放置頁腳？