:after 는 어떨때 넣는건가요?

Question

831400379_1521381529.5008.png

이런식으로 sns 아이콘하고

다음글이 같은 라인에 있었는데

831400379_1521381550.6234.png

#bo_v_sns:after {
display: block;
visibility: hidden;
clear: both;
content: "";
}

이 코드를 넣으니

다음글 부분이 아래쪽으로 내려갔는데요

이런식으로 다른 줄로 하고 싶을때 넣는건가요? 잘 이해가 안가서요

Designlabs · Accepted Answer

before 와 :after 는 css3의 가상 선택자 중에 하나구요.
간단히 요약하면 컨테이너 요소안에 내용을 넣을수 잇는겁니다.
정확히 이해 하시려면 구글에 'css 가상클래스' 또는 'css 가상선택자' 를 검색하시면 잘 정리된 글을 찾아보실수 있으세요.

아참.. 그리고 clear: both; 이것의 영향으로 다음 글이 내려가는 걸거예요.
전체 코드를 모르니 유추 할수 있는건 이정도입니다.

:after 는 어떨때 넣는건가요?

답변 1개

공유하기