Can anyone tell me why before not working on styled components?

Question

I'm try to use before on style components on React but it's not working. Without before background image shown but after adding this before background image not showing;

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 to give width and height to the before css property. It will work — Hardi Shah, Mar 26 '21 at 13:05
`left:0px; right:0px` means the pseudo-element has no width, so how would you see the background? — Heretic Monkey, Mar 26 '21 at 13:10

score 1 · Accepted Answer · answered Mar 26 '21 at 13:06

1

try ::before with double ":" Also give some height/width

answered Mar 26 '21 at 13:06

Why u do dis

418
4
15

Can anyone tell me why before not working on styled components?

1 Answers1

Linked