IT수업/HTML+CSS

it수업 1~2주차 (4) 자식, 형제노드

워제하 2024. 1. 2. 19:25

 

● 자식요소 : '>'          ex) div>ul>li

형제노드 : '+'          ex) div>ul+ol

 

 

 

상위 태그로 이동 : '^'        ex) div>ul>li>a+ul>li*4^p

 

 

 

 

클래스명 : .클래스명       ex) .wrapper>ul.menu01>li>a

ID명(유일명) : #ID명       ex) #wrapper>ul#menu01

 

 

 

 

attr속성 추가    ex)div>ol[type= 'I']>li*4{TEXT$}

                              div>ol[type='I', data-menu='menu01']>li*4{TEXT$}

                              .wrapper>ul>li*4{TEXT$@8}  ----> $뒤에 '@8'을 붙여 8부터 시작 될 수 있게 함

'IT수업 > HTML+CSS' 카테고리의 다른 글

it수업 1~2주차(6) table태그  (0) 2024.01.03
it수업 1~2주차(5) table  (0) 2024.01.03
it수업 1~2주차 (3)  (0) 2024.01.02
it수업 1~2주차 (2) 엔티티  (0) 2024.01.02
it 수업 1~2주차 (1)  (0) 2024.01.02