CSS样式优先级

*(通配符) < tag(标签) < class < 行间
style与class
元素.style.属性 = xxx 是修改行间样式
之后再修改className不会有效果

建议:
要么统一用style,要么统一用className,混用则容易产生错乱,也很难排查问题.

行为,样式,结构三者分离