Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我可以在样式化的组件中设置子组件的css吗?_Javascript_Reactjs_Styled Components - Fatal编程技术网

Javascript 我可以在样式化的组件中设置子组件的css吗?

Javascript 我可以在样式化的组件中设置子组件的css吗?,javascript,reactjs,styled-components,Javascript,Reactjs,Styled Components,在普通CSS中,我可以使用父级的引用将CSS应用于子级 .ABC > div { color: red; } 我想知道,我能在样式化组件中做同样的事情吗?是的,这是可能的&引用当前元素,因此您可以应用如下选择器: & > div { color: red; } 请参见演示 您可以通过chrome调试器查看它是如何应用样式的: 是的,这是可能的&引用当前元素,因此您可以应用如下选择器: & > div { color: red; }

在普通CSS中,我可以使用父级的引用将CSS应用于子级

.ABC > div {
    color: red;
}  

我想知道,我能在样式化组件中做同样的事情吗?

是的,这是可能的<代码>&引用当前元素,因此您可以应用如下选择器:

& > div {
    color: red;
}
请参见演示

您可以通过chrome调试器查看它是如何应用样式的:


是的,这是可能的<代码>&引用当前元素,因此您可以应用如下选择器:

& > div {
    color: red;
}
请参见演示

您可以通过chrome调试器查看它是如何应用样式的:


是的,您可以这样做。在样式化组件中使用
&>div{color:red;}
进行进一步阅读:是的,您可以这样做。在样式化组件中使用
&>div{color:red;}
进行进一步阅读: