# State Formatting Precedence

**URL:** <https://community.weweb.io/t/state-formatting-precedence/18875>\
**Category:** Ask us anything\
**Tags:** design\
**Created:** [June 22, 2025, 4:00pm UTC](https://community.weweb.io/t/state-formatting-precedence/18875 "2025-06-22T16:00:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![pinball](https://avatars.discourse-cdn.com/v4/letter/p/58956e/32.png) [@pinball](https://community.weweb.io/u/pinball)\
**Post date:** [June 22, 2025, 4:00pm UTC](https://community.weweb.io/t/state-formatting-precedence/18875/1 "2025-06-22T16:00:34Z")

</div>

Currently I am using the disabled state to control the formatting of the button hovering on the button still applies the colors, etc. for the hover state.

I would only like the formatting on the hover state to apply if the button is not disabled. How do I accomplish this?

---

<div class="post-metadata">

**Author:** ![Batik\_Okazov](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/batik_okazov/32/12688_2.png) [@Batik\_Okazov](https://community.weweb.io/u/Batik_Okazov)\
**Post date:** [June 22, 2025, 4:28pm UTC](https://community.weweb.io/t/state-formatting-precedence/18875/2 "2025-06-22T16:28:17Z")

</div>

hi,

you can create the “disabled” state that will override the “hover” one.

[Right here](https://community.weweb.io/t/add-condition-to-state-hover/3701/5) you can find details

---

<div class="post-metadata">

**Author:** ![pinball](https://avatars.discourse-cdn.com/v4/letter/p/58956e/32.png) [@pinball](https://community.weweb.io/u/pinball)\
**Post date:** [June 22, 2025, 4:36pm UTC](https://community.weweb.io/t/state-formatting-precedence/18875/3 "2025-06-22T16:36:29Z")

</div>

Thank you! I originally assumed that the order of precedence would be top-down rather than bottom-up. Appreciate your help.