[css] 가상요소 css 적용이 안될때

참조:
https://goddino.tistory.com/43

::before, ::after 같은 가상요소를
css에 입력해도 적용이 안될때

.main::after {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;

            opacity: 0.05;
            background-image: url("../images/bg/bg.webp");
            background-size: cover;
            width: 100%;
            height: 100%;
}

content: ""; 컨텐츠 속성을 넣었는지 확인
해당 속성은 필수로 없으면 적용이 되지않는다