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

【问题标题】：What happens when i use inline style and css files in React?当我在 React 中使用内联样式和 css 文件时会发生什么？
【发布时间】：2020-05-10 23:03:01
【问题描述】：

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

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

哪种属性占优势？所有属性（字体大小、宽度等）是否有通用规则？

【问题讨论】：

标签： javascript css reactjs stylesheet

【解决方案1】：

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

对于您的具体问题，内联样式被认为比外部样式表中的样式更具体，因此这些样式将占上风。

【讨论】：