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

페이지 정보

shadow2fox 1,966 2018.08.15 01:51

짧은주소

  • https://yadolee.com/tip/575 주소복사

평점

  • 평점 : 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;
}
CSS 특정 아이디 클래스 이후 선택 적용
0
추천인
  • 추천해 주세요
10
shadow2fox - 회원등급 : 자연／Level 143 - 포인트 : 2,549,006
레벨 143
경험치 3,052,487

Progress Bar 16%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 748 건｜13／38 페이지
 태그
제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 영카트 5.2.9.8.2 패치 루루아빠 2018.03.22 2,534 0
제로  🏆 💾 [스킨만들기] view_list_head.php(리스트의 상단 부분 출력)의 설명입니다 루루아빠 2005.06.23 2,547 0
그누•영카트  🏆 영카트 이미지 가운데 정렬과 이미지 간격 수정 루루아빠 2015.08.28 2,668 0
그누•영카트  🏆 영카트 5.2.9.8.3 패치 루루아빠 2018.03.22 2,516 0
제로  🏆 💾 [스킨만들기] view_list_main.php(목록 출력 부분)의 설명입니다 루루아빠 2005.06.23 2,502 0
이윰  댓글+2개🏆 사운드클라우드 embed options 제어하기 루루아빠 2015.09.07 3,577 0
그누•영카트  🏆 그누보드 5.2.9.8.4 패치 루루아빠 2018.03.30 2,192 0
제로  🏆 💾 [스킨만들기] view_list_foot.php(목록 출력 마무리 부분)의 설명입니다 루루아빠 2005.06.23 2,719 0
그누•영카트  🏆 영카트 5.2.9.8.4 패치 루루아빠 2018.03.30 2,492 0
그누•영카트  영카트 5.4.4.2 shadow2fox 2021.01.05 897 0
제로  🏆 제로보드에 나오는 변수들의 뜻 정리 루루아빠 2005.06.23 2,524 0
그누•영카트  🏆 📸 5.2.9.8.4 버전에서 5.3.1 정식버전으로 패치 루루아빠 2018.04.06 2,078 0
제로  🏆 읽고 있는글의 링크를 해제하여 해당글을 다시 클릭할 수 없게 하기 루루아빠 2005.06.24 3,021 0
기타  댓글+1개🏆 Jwplayer 반응형으로 검정화면 없이 꽉차게 만들기 루루아빠 2015.09.08 3,858 0
그누•영카트  🏆 📸 5.2.9.8.4 버전에서 5.3.1 정식버전으로 패치 루루아빠 2018.04.06 2,561 0
제로  🏆 글, 링크 이미지, 업로드 이미지 모두 가운데 정렬하기 루루아빠 2005.06.24 2,777 0
그누•영카트  🏆 영카트 5.3.1.1 루루아빠 2018.04.06 2,720 0
그누•영카트  🏆 영카트 5.4.4.3 shadow2fox 2021.01.06 1,118 0
제로  🏆 첨부파일 이미지 업로드시 미리보기 및 수정시 이미지 미리보기 루루아빠 2005.06.24 3,172 0
기타  🏆 아이프레임 반응형 100%로 아닌 특정 크기로 가운데 정렬하기 루루아빠 2015.09.11 3,018 0
 태그

🏆 게시글 랭킹 탑10

랭킹 포토 글내용 조회
1
특정 div의 내용을 일정 시간마다 새로고침하기
루루아빠 2016-03-20 06:24 		14,881
2
영카트 5.3.2.9
shadow2fox 2019-05-30 00:39 		11,680
3
button으로 유튜브 재생 및 정지 제어하기 댓글 +1개
루루아빠 2017-02-21 19:12 		9,647
4
jQuery를 이용한 링크 자동 클릭(auto click) 댓글 +2개
루루아빠 2015-06-27 02:19 		8,353
5
CKeditor 4.x 소스 보기시 자동으로 공백 태그( ) 추가되는 문제 해결하기 댓글 +1개
루루아빠 2016-05-20 21:53 		7,195
6
modal 오픈시 modal-dialog 아래 background body 스크롤 안되게 하기
루루아빠 2015-07-16 00:05 		6,604
7
[PHP 7.2.x] count(): Parameter must be an array or an object that implements Countable 에러 해결하기 댓글 +1개
shadow2fox 2020-03-09 14:37 		6,540
8
그누보드 5.4.4 댓글 +2개
shadow2fox 2021-01-05 10:58 		6,366
9
영카트 5.0.41 패치
루루아빠 2015-07-13 14:53 		6,225
10
이윰빌더와 그누보드 패치시 수정할 파일들
루루아빠 2015-06-23 19:13 		6,133