인프런 커뮤니티 질문&답변

before after의 사용법은 2가지로 생각하세요.

하나는, 포지션을 사용하지 않고 before after의 기본 위치를 사용하는 경우에요.
예를 들어,  new 나이키신상품 hot 라는 글이 있다고 치면,
before에 new를 넣으면 앞에 들어가고, after에 hot을 넣으면 뒤에 들어갑니다.

두번째는, 포지션을 사용할 경우 before after의 위치는 사용자가 자유롭게 정하는 것이기 때문에 뒤에 있다고 after를 쓰고 앞쪽에 있다고 before를 쓸 필요는 없습니다. 아무거나 사용하시면 됩니다.

그래서 이 예제에서 아래쪽 보더를 만드는건데 왜 after가 아니고 before를 썼는지에 대한 질문이신데 뭘 써도 상관없습니다.

참고로, before는 부모요소의 앞에 위치하지 위에 위치하는건 아닙니다. 앞뒤는 자동으로 before after로 위치되지만 상하는 포지션으로 잡습니다. 곧, 위 아래에 위치할 경우는 before after 아무거나 사용하시면 됩니다.