자손 태그


자손 태그

자손 태그 css에서 자손 태그라고 하여 현재 태그의 다음에 오는 태그를 자손 태그라고 한다. html 코드를 아래와 같이 작성 <body> <h2> 안녕하세요 </h2> <p> <em> 자손 텍스트 </em> </p> </body> css p em { border: 1px solid red; } 결과 이 처럼 p 다음에 오는 태그 em이 자손 태그라 생각하면 된다. 직계 자식 요소 선택 자손 태그에서는 다음 태그 입력 하면 되지만 직계 자식 요소는 > 로 표기를 한다. #html 코드 <ul> <li>자식 요소 <ol> <li>자손 요소1</li> <li>자손 요소2</li> </ol> </li> </ul> #css 코드 //기존 자식 선택 ul li { border: 1px solid red; } #css 코드 // > 기호를 적은 자식 서택 ul > li { border: 1px solid red; } 좌측이 > 기호를 넣은 자식 선택자, 우측이 기존 자식 선택자 여러개 요소를...


#css #짝수요소 #직계태그 #자식태그 #자식선택자 #자식과하위요소 #자손태그 #자손선택자 #그룹선택자 #html #홀수요소

원문링크 : 자손 태그