본문 바로가기

셀렉터2

[HTML5] 16. 셀렉터 조합 + 자식 셀렉터 + 자손 셀렉터 + 전체 셀렉터와 속성 셀랙터 + 가상 클래스 셀렉터(pseudo-class) 16. 셀렉터 조합 + 자식 셀렉터 + 자손 셀렉터 + 전체 셀렉터와 속성 셀랙터 + 가상 클래스 셀렉터(pseudo-class) # 셀렉터 조합하기 - 2개 이상의 셀렉터 조합 : 조합에 적합한 HTML 태그에만 적용 - 자식 셀렉터 (child selector) : 부모 자식 관계인 두 셀렉터를 '>' 기호로 조합 ex) 의 직계 자식인 에 적용되는 스타일 시트 div > strong { color : dodgerblue ; } - 자손 셀렉터 (descendent selector) : 자손 관계인 2개 이상의 태그를 나열 ex 1) 의 자손 에 적용되는 스타일 시트 ul strong { color : dodgerblue ; } ex 2) # 전체 셀렉터 : 와일드 문자(*)를 사용하여 모든 태그에 .. 2022. 7. 19.

[HTML5] 15. CSS3의 규칙 + 스타일 상속 + <p> 태그와 <em> 태그 + 스타일 합치기와 오버라이딩 + 셀렉터 15. CSS3의 규칙 + 스타일 상속 + 태그와 태그 + 스타일 합치기와 오버라이딩 + 셀렉터 # CSS3 규칙 - 스타일 상속 : CSS3 스타일은 부모 태그로부터 상속된다. - 부모 태그(부모 요소) : 자신을 둘러싸는 태그 ex) 태그의 출력 : 글자 크기는 25px, 글자 색은 부모 태그를 상속받아 green 안녕하세요 자식입니다 - 태그는 의 부모 태그이다. # CSS3 규칙 - 스타일 합치기와 오버라이딩 : 태그에 적용되는 모든 스타일이 합쳐지고 동일한 스타일의 경우 순위가 더 높은 스타일이 우선적으로 적용된다는 규칙 - 태그에 적용 가능한 스타일 a. 브라우저의 디폴트 스타일 b. 스타일 시트 파일에 선언된 스타일 c. 태그에 선언된 스타일 d. style 속성에 선언된 스타일 # 여러 스.. 2022. 7. 18.

이전 1 다음

티스토리툴바