diff --git a/__tests__/applyClassPrefix.test.js b/__tests__/applyClassPrefix.test.js
index 5f574fc64cf4..3c36fac31675 100644
--- a/__tests__/applyClassPrefix.test.js
+++ b/__tests__/applyClassPrefix.test.js
@@ -16,3 +16,27 @@ test('it prefixes classes with the provided prefix', () => {
   expect(result.css).toEqual(expected)
   expect(result.warnings().length).toBe(0)
 })
+
+test('it handles a function as the prefix', () => {
+  const input = postcss.parse(`
+    .foo { color: red; }
+    .apple, .pear { color: green; }
+  `)
+
+  const expected = `
+    .tw-foo { color: red; }
+    .apple, .pear { color: green; }
+  `
+
+  const prefixFunc = selector => {
+    if (selector === '.foo') {
+      return 'tw-'
+    }
+
+    return ''
+  }
+
+  const result = applyClassPrefix(input, prefixFunc).toResult()
+  expect(result.css).toEqual(expected)
+  expect(result.warnings().length).toBe(0)
+})
diff --git a/src/util/applyClassPrefix.js b/src/util/applyClassPrefix.js
index 502e5f02babf..febc0ec13e72 100644
--- a/src/util/applyClassPrefix.js
+++ b/src/util/applyClassPrefix.js
@@ -1,6 +1,9 @@
 export default function(css, prefix) {
+  const prefixIsFunc = typeof prefix === 'function'
   css.walkRules(rule => {
-    rule.selectors = rule.selectors.map(selector => `.${prefix}${selector.slice(1)}`)
+    rule.selectors = rule.selectors.map(
+      selector => `.${prefixIsFunc ? prefix(selector) : prefix}${selector.slice(1)}`
+    )
   })
   return css
 }