From 1a6972e6902df5ff63c85399e0418cbfce7855fb Mon Sep 17 00:00:00 2001
From: Philipp Spiess <hello@philippspiess.com>
Date: Tue, 11 Feb 2025 18:14:20 +0100
Subject: [PATCH] Rectify variant order Closes #376

---
 README.md | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 5d89307..fcb4fb4 100644
--- a/README.md
+++ b/README.md
@@ -175,7 +175,13 @@ Here's a complete list of available element modifiers:
 | `prose-video:{utility}`      | `video`                      |
 | `prose-hr:{utility}`         | `hr`                         |
 
-When stacking these modifiers with other modifiers like `hover`, you most likely want the other modifier to come first:
+When stacking these modifiers with other modifiers like `hover`, you most likely want the other modifier to come last:
+
+```html
+<article class="prose prose-a:text-blue-600 prose-a:hover:text-blue-500">{{ markdown }}</article>
+```
+
+If you are still using in Tailwind CSS v3, the modifier order is the opposite:
 
 ```html
 <article class="prose prose-a:text-blue-600 hover:prose-a:text-blue-500">{{ markdown }}</article>