diff --git a/packages/purgecss-from-pug/__tests__/data.ts b/packages/purgecss-from-pug/__tests__/data.ts
index 0a70e00b..62dd593e 100644
--- a/packages/purgecss-from-pug/__tests__/data.ts
+++ b/packages/purgecss-from-pug/__tests__/data.ts
@@ -6,6 +6,7 @@ html
     div(class="test-container") Well
     div(class="test-footer" id="an-id") I see a div
     a(class="a-link" id="a-link" href="#") and a link
+    div(class="first-class second-class") This div has two classes
     input#blo.enabled(type="text" disabled)
 `;
 
@@ -23,6 +24,8 @@ export const TEST_1_CLASS = [
   "test-container",
   "test-footer",
   "a-link",
+  "first-class",
+  "second-class",
   "enabled",
 ];
 
diff --git a/packages/purgecss-from-pug/src/index.ts b/packages/purgecss-from-pug/src/index.ts
index f76b4a93..404c643a 100644
--- a/packages/purgecss-from-pug/src/index.ts
+++ b/packages/purgecss-from-pug/src/index.ts
@@ -8,12 +8,12 @@ const purgeFromPug = (content: string): string[] => {
       case "tag":
       case "id":
       case "class":
-        selectors.push(token.val);
+        selectors.push(...token.val.split(" "));
         break;
       case "attribute":
         if (token.name === "class" || token.name === "id") {
           selectors.push(
-            token.mustEscape ? token.val.replace(/"/g, "") : token.val
+            ...(token.mustEscape ? token.val.replace(/"/g, "") : token.val).split(" ")
           );
         }
         break;