How do I set the class to apply to a state as well?

[avidflow]

Hi,

Sorry this may be a silly question and more web development related, but how can I set the class to also apply to a state?

So I have a button and I have styled it and used my own button class my-button. I style the background, padding, etc.

Now I also set a hover state and a focus state. I style them too. A slightly darker background and other style edits.

When I apply my class my-button to another button element, I see the default state exactly how I styled the class and how I expected it to look. However, this new button element doesn’t have the hover state or the focused state.

Do I have to create separate classes for the button hover and focus state and then apply these to each new button element (in its corresponding state)?

I’m probably thinking about this the wrong way so any help is much appreciated.

Thank you.

[Agustin_Carozo]

Hi Sean

It’s not silly, I understand your thought process and it makes sense.

But the way Weweb is structured you will indeed need to create a new class for your states like hover.

I feel stupid - styling html elements within a class

You’ll need to create a new class for the hover state. So your element will have a class for its default state, and another one applied for the hover state. You can organize your classes with folders so that it’s easier to look for them Having said that, the way that it works might change for a more standarized behavior! Will let you know when it’s more defined on our end!

[avidflow]

Got it! Thanks Agustin.