• Q&A
  • 회원가입
  • 로그인

[selector] CSS - element~element 형제선택자 ★ - 지정요소 뒤의 모든 특정형제요소 (요소선택자군)

3,931  
element1~element2 예제

<style>
h1 ~ p{color: red;}
</style>
 
<p>홈페이지 무료 제작 강의</p>
<h1>홈짱닷컴 (homzzang.com)</h1>
<p>HTML 무료 강의</p>
<p>CSS 무료 강의</p>
<div>
    <p>JAVA 무료 강의</p>
</div>

결과보기
 
 
element1~element2 정의

지정요소와 동위에 위치하면서 다음에 오는 요소 선택.

 


 
즉,
A ~ B 라고 할 경우, A 요소와 동위에 위치한 B 요소 중 A 다음에 오는 B요소 전체에 스타일 줄 때 사용.

※ ~ 앞뒤로 공백이 있어도 되고, 없어도 됨. 즉, 요소~요소처럼 붙여써도 되고, 요소 ~ 요소처럼 띄어써도 됨.


찾아주셔서 감사합니다. Since 2012