Question

div#foo {

    body {
        background-color: white;
        font-size: 20px;
    }

}

以上是我想要的。这是一个css文件。基本上我的应用div在react中有一个id foo，我希望CSS只在该div中应用标签。反正有得到这个吗？

这将解决我的代码的一个主要问题。目前我有2个反应js文件。他们中的一个导入了上面的css，另一个由于某些原因尚未使用相同的样式，而我只想实际导入的文件使用它。

Answer 1

在index.html的{{1}}文件中，您可以添加以下内容：

<head></head>

您不应该将<style> body { background-color: white; font-size: 20px; } </style>标记嵌套在body内。因此，如果它不起作用并且您的DOM结构实际上是正确的，那是因为您的CSS将主体作为div的子代来寻找时，它没有正确地将主体定位为目标。

或者，如果将带有人体样式的样式表导入App.js（您的React根目录），它将自动将这些样式附加到文档头。

需要父级CSS层次结构

1 个答案: