I am trying to use the following selectors in my tailwinds CSS styling

.class > * {
    width: calc(100% / 3);
}

Where I assign a class- I can use the > * selectors to assign the following width.

I have researched on the Tailwinds CSS, but have been unable to determine how to apply this to a div enclosing some children.

One idea would be to mix vanilla CSS with Tailwinds CSS—or to use some Tailwinds CSS option that I have been unable to locate.