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

페이지 정보

shadow2fox shadow2fox 2,370 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;
}
추천인
  • 추천해 주세요
shadow2fox
10
shadow2fox - 회원등급 : 자연/Level 148 - 포인트 : 2,625,136
레벨 148
경험치 3,275,549

Progress Bar 27.37%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7671026 페이지

제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 댓글에 달린 비밀 댓글을 원댓글 작성자에게도 보여주기 루루아빠 2016.01.30 2.5k 0
이윰  댓글+1🏆 이윰빌더 현재 접속자 최신글에서 관리자도 ip가 숨겨지는 문제 해결하기 shadow2fox 2020.04.10 2.5k 1
그누•영카트  🏆 그누보드 5.2.3 패치 루루아빠 2016.10.19 2.5k 0
Bootstrap  🏆 모달창 내부에서 모달창 부모 닫기 루루아빠 2018.06.02 2.5k 0
그누•영카트  🏆 영카트 5.3.1.5 패치 shadow2fox 2018.07.04 2.6k 0
이윰  댓글+5🏆 유튜브 "이 동영상은 볼 수 없습니다" 해결하기 shadow2fox 2023.02.20 2.6k 3
그누•영카트  🏆 그누보드 5.3.3.2 shadow2fox 2019.08.13 2.6k 0
그누•영카트  🏆 영카트 5.3.2.5 shadow2fox 2019.01.29 2.6k 0
이윰  🏆 Eyoom Builder 1.3.3 패치 루루아빠 2017.11.21 2.6k 0
그누•영카트  🏆 그누보드 5.2.4 패치 루루아빠 2016.11.22 2.6k 0
Bootstrap  🏆 부트스트랩 툴팁 보이기, 감추기 지연 시간 설정하기 루루아빠 2018.01.10 2.6k 0
그누•영카트  🏆 그누보드 5.2.9.8.4 패치 루루아빠 2018.03.30 2.6k 0
제로  🏆 로그아웃시 현재접속자 리스트에서 바로 안나오게 하기 루루아빠 2005.07.14 2.6k 0
이윰  🏆 Eyoom Builder 3.0.7 패치 shadow2fox 2018.10.15 2.6k 0
에디터  댓글+1🏆 SmartEditor2 포토 업로더 모바일에서 사진 순서 정렬하기 shadow2fox 2020.04.05 2.6k 1
이윰  댓글+1🏆 현재 게시글 스크랩 갯수 본문에 보여주기 shadow2fox 2019.04.28 2.6k 2
그누•영카트  🏆 📸 5.2.9.8.4 버전에서 5.3.1 정식버전으로 패치 루루아빠 2018.04.06 2.6k 0
그누•영카트  🏆 그누보드 5.2.9.2 패치 루루아빠 2017.08.31 2.6k 0
제로  댓글+1🏆 수정된 정보를 제대로 보여주기 루루아빠 2005.07.03 2.6k 0
제로  댓글+1🏆 음악스킨 안될때 처방법.. 루루아빠 2005.07.09 2.6k 0
이윰  🏆 전체검색 리스트 페이지에서 외부 이미지도 썸네일 사용하기 루루아빠 2018.05.06 2.6k 0
이윰  🏆 PHP 7.x에서 이윰빌더 알람 푸시(push) 관련 PHP Notice: Undefined index error 해결하기 shadow2fox 2019.01.01 2.6k 0
제로  🏆 [re] 조금더 전문적인 사용법 루루아빠 2005.06.27 2.6k 0
Bootstrap  🏆 부트스트랩 툴팁 텍스트 한 줄로 보여주기 루루아빠 2017.08.03 2.6k 1
제로  🏆 공지사항 체크를 빼면 제위치로 가지 않는 문제의 해결점 루루아빠 2005.07.07 2.6k 0
이윰  🏆 Eyoom Builder 1.3.16 패치 루루아빠 2018.03.12 2.6k 0
이윰  댓글+5🏆 네이버TV 올바르게 적용하기 shadow2fox 2019.10.12 2.6k 2
그누•영카트  🏆 게시판을 디바이스에 따라 보여주기 안보여주기 루루아빠 2015.11.04 2.6k 0
제로  🏆 동영상(음악,뮤비,플래쉬) 업로드시 자동실행법 루루아빠 2005.07.08 2.6k 0
이윰  댓글+1🏆 Eyoom Builder 3.0.8 패치 shadow2fox 2019.03.12 2.7k 1