Is there a way for a component to get the css class name of its parent component?

[username1419]

I'm trying to create a theming application for a GTK-based app using dioxus. I have components representing each GTK widget, eg:

#[derive(Props, Clone, PartialEq)]
pub struct GTKBoxProps {
    class: String,
    style: String,
    children: Element,
}

#[component]
pub fn GTKBox(props: GTKBoxProps) -> Element {
    
    // ...
    
    rsx! {
        div {
            class: "GTKBox {props.class}",
            style: "{props.style}",
            {props.children}
        }
    }
}

I want to create a CSS file which would contain all user changes to the theme, and would be reloaded upon a change happening. This would require components to know their parents' style classes, to change CSS attributes for that specific component on a component hierarchy.

I want to ask if there is any way to do this, or any way I can improve how this works to not need this behaviour.

Any help would be appreciated. Thank you in advance.

Additional note: I cannot use ids because the original application does not use them, this is my best attempt at a way to replicate its behaviour that transfers over to the original application.