# Pseudo elements

Use an easier way to add pseudo-elements to the DOM

let style = useStyle({
    demo: {
        //support two mode,single underline[:]
        _hover:{
        	backgroundColor: '#1e9fff'
    	},
    	_active:{},
        _focus:{},
        _before:{},
        _after:{},
    }
})

is supported in 0.1.12, but is not normalized input, so if you use this function, you should becareful.

# Reactive

//you can use style to set pseudo elements.
style.demo._hover.width = 40;

This will modify the content of the CSS in real time