Javascript 在不使用样式化组件之前,有人能告诉我为什么吗?

Javascript 在不使用样式化组件之前,有人能告诉我为什么吗?,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,我试图在React上的样式组件上使用之前的,但它不起作用。在显示背景图像之前未显示,但在添加此之后,背景图像未显示 import styled from 'styled-components' export const Container=styled.div ` &:before { content:''; top:0px; left:0px; right:0px; position:absolute; background-image:url(${({bg})=>bg});

我试图在React上的样式组件上使用
之前的
,但它不起作用。在显示背景图像之前未显示
,但在添加此
之后,背景图像未显示

import styled from  'styled-components'
export const Container=styled.div `
&:before {
content:'';
top:0px;
left:0px;
right:0px;
position:absolute;
background-image:url(${({bg})=>bg});
background-size:cover;
}
`;

try::before with double:“还可以为before css属性指定一些高度/宽度

。它将工作
左:0px;右图:0px
表示伪元素没有宽度,那么您如何看到背景?