[CSS] 특정 아이디나 클래스 이후에 특정 아이디나 클래스가 있을 때

페이지 정보

shadow2fox shadow2fox 2,549 2018.08.15 01:51:29

본문

특정 아이디나 클래스 이후에 특정 아이디나 클래스가 있을 때
이후 특정 아이디나 클래스에 간격을 준다거나 꾸밀 때 유용할 듯
#a라는 아이디, .a라는 클래스 이후에 #b라는 아이디, .b라는 클래스가 올 때

#a + #b {
  margin-top: 10px;
}
.a + .b {
  margin-top: 10px;
}
위 css를 간단히 응용하면 될 듯 하고 특정 아이디나 클래스 이후에 다중의 동일 아이디나 다중의 동일 클래스에게 효과를 주고 싶다면 아래와 같다.

#a ~ #b {
  margin-top: 10px;
}
.a ~ .b {
  margin-top: 10px;
}
추천인
  • 추천해 주세요

댓글

첫 번째 댓글을 남겨 주세요