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

Question

我指的是我遇到这样的情况：

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

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

Answer 1

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

中 Specificity 的概念

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

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

What happens when i use inline style and css files in React?

javascript

css

stylesheet

reactjs