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

Question

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

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

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

标签： javascriptcssreactjsstylesheet

Answer 1

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

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