Using utility or plugin classes in @apply?

[brettdorrans]

Is it possible to create a utility plugin e.g. .focusable that can then be used like a core Tailwind class within @apply?

e.g.

.element {
    @apply focusable;
}

addUtilities({
    '.focusable': {
        // styles
    }
})

If I attempt this using the above setup I get this error, which seems to say no:

`@apply` cannot be used with `.focusable` because `.focusable` either cannot be found, or its actual definition includes a pseudo-selector like :hover, :active, etc. If you're sure that `.focusable` exists, make sure that any `@import` statements are being properly processed *before* Tailwind CSS sees your CSS, as `@apply` can only be used for classes in the same CSS tree.

[brettdorrans]

Ah, I see my issue now. Since I was using :focus here, and @apply doesn't support pseudoselectors, my initial assumption was incorrect. A normal classname can indeed be used in @apply.