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

페이지 정보

shadow2fox 1,898 2018.08.15 01:51

평점

  • - 평점 : 0점 (0명 참여)

본문

특정 아이디나 클래스 이후에 특정 아이디나 클래스가 있을 때
이후 특정 아이디나 클래스에 간격을 준다거나 꾸밀 때 유용할 듯
#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;
}
추천인
  • 추천해 주세요
10
shadow2fox - 회원등급 : 자연/Level 142 - 포인트 : 2,533,033
레벨 142
경험치 3,022,296

Progress Bar 45%

- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은 자기 자신에게 기회를 주는 것이다. - 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.

댓글

첫 번째 댓글을 남겨 주세요

Total 7431338 페이지
제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 그누보드 5.3.1.7 패치 shadow2fox 2018.09.18 1,964 0
이윰  🏆 Eyoom Builder 3.0.5 패치 shadow2fox 2018.09.04 2,135 0
이윰  🏆 태그(tag) 인덱스에서 새로운 글에 new 표시하기 shadow2fox 2018.08.26 1,963 0
그누•영카트  🏆 영카트 5.3.1.6 패치 shadow2fox 2018.08.25 2,023 0
그누•영카트  🏆 그누보드 5.3.1.6 패치 shadow2fox 2018.08.25 2,061 0
이윰  🏆 jQuery-1.8.3를 jQuery-1.9.x 이상으로 업그레이드시 masonry 오류 해결하기 shadow2fox 2018.08.22 1,919 0
JavaScript  🏆 사용자의 브라우저를 검출하는 방법 shadow2fox 2018.08.22 1,768 0
이윰  🏆 Eyoom Builder 3.0.4 패치 shadow2fox 2018.08.20 2,624 0
이윰  🏆 Eyoom Builder 3.0.3 - 패치에 문제가 있는 버전입니다. shadow2fox 2018.08.20 2,112 0
이윰  🏆 공지글에는 댓글 기능 끄기 shadow2fox 2018.08.19 1,943 0
그누•영카트  댓글+1🏆 [PHP 7.2.x] count(): Parameter must be an array or an object that implements Countable 에러 해결하기 shadow2fox 2018.08.19 6,449 0
CSS  🏆 🚩 특정 아이디나 클래스 이후에 특정 아이디나 클래스가 있을 때 shadow2fox 2018.08.15 1,899 0
jQuery  🏆 모바일 및 태블릿에서 스크롤이 아닌 경우에만 터치 제어하기 shadow2fox 2018.08.13 1,764 0
그누•영카트  🏆 게시글 제목이나 본문에 적용되는 단어 필터링 관리자는 제외하기 shadow2fox 2018.07.30 1,782 0
이윰  🏆 유튜브 재생목록(플레이리스트)이 적용되지 않는다면 shadow2fox 2018.07.29 2,031 0
이윰  🏆 최신 브라우저에서 푸시 사운드 문제 해결하기 shadow2fox 2018.07.20 1,903 0
이윰  🏆 이윰빌더 최신글 본문 추출시 엔터, 띄어쓰기 태그를 스페이스(한 칸 띄우기)로 바꾸기 shadow2fox 2018.07.12 1,873 0
jQuery  🏆 마우스 클릭 및 엔터를 일정 초 이상 유지하면 특정 url로 이동하기 shadow2fox 2018.07.11 1,836 0
이윰  댓글+2🏆 작성글 날림 방지하기 shadow2fox 2018.07.04 2,051 0
그누•영카트  🏆 영카트 5.3.1.5 패치 shadow2fox 2018.07.04 2,097 0