[CSS] :before :after 삭제(가상 요소 반응형 웹에서만 삭제하기)

데스크탑 모드에서 이렇게 선언한 요소가 있다고 가정했을 때

.title:before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
}

반응형으로 적용되는 쪽에서는 content: none; 만 붙여주면 손쉽게 제거가 가능하다.

@media (max-height: 500px) and (orientation: landscape), 
screen and (max-width: 768px) and (orientation: portrait) {

	.title:before {
	    content: none;
	}
    
}