[CSS] 특정 아이디나 클래스 이후에 특정 아이디나 클래스가 있을 때
페이지 정보
shadow2fox
2,504
2018.08.15 01:51:29
짧은주소
-
https://yadolee.com/tip/575 주소복사
본문
특정 아이디나 클래스 이후에 특정 아이디나 클래스가 있을 때
이후 특정 아이디나 클래스에 간격을 준다거나 꾸밀 때 유용할 듯
#a라는 아이디, .a라는 클래스 이후에 #b라는 아이디, .b라는 클래스가 올 때
#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;
}
추천인
레벨 149
경험치 3,343,659
Progress Bar 80.23%
- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은
자기 자신에게 기회를 주는 것이다.
- 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.



댓글
첫 번째 댓글을 남겨 주세요