[css] ::after ::before 개발자도구에서 확인하는데 확인조차 안될때

상황

가상클래스로 ::after 를 주고 안에 content랑 다 정상적으로 적용했는데 화면에 안나와서 개발자도구에서 확인하는데도 ::after 자체가 아예 보이지 않음

.test::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: red;
}

 

해결

다른 파일에서 display: none!important; 가 되어있었음.......... 같은 파일 위치가 아니라 찾는데 애먹음 ^^ 혹시 안나온다면 어딘가에서 display: none 시키고 있는지 확인해보기..!