My tailwind CSS class isn't adding styles to my html

Question

I want to change styles of an element, but when I use a class or id selector doesn't work. When I use something like h1 without any class or id it works.

The following works:

/* this works */
@layer base {
    h1 {
        font-size: revert !important;
    }

but this doesn't work

/* doesn't work */
@layer base {
    .revert-tailwind h1 {
        font-size: revert !important;
    }

<ckeditor
    class="revert-tailwind"
    :editor="Editor"
    v-model="form.description"
    :config="editorConfig"
></ckeditor>