当我在React中使用内联样式和CSS文件时会发生什么？

Question

我指的是我有这样的情况：

import "./myCss.css"
const BeautyButton = (props) =>{
    return (
        <a style={{backgroundColor:"red"}} className="blue-background" >hello</a>
    );
}

哪种财产占上风？所有属性（fontSize，width等）是否有通用规则？

Answer 1

[CSS在React和常规HTML中的工作方式没有什么不同。要了解哪些规则生效，您需要研究CSS中Specificity的概念。

对于您的特定问题，内联样式被认为比外部样式表中的样式更具体，因此以这些样式为准。