[ css ] css의 구조 && css의 선택자 > html

본문 바로가기

사이트 내 전체검색

html

[ css ] css의 구조 && css의 선택자

작성일 21-01-08 14:40

페이지 정보

작성자 웹지기 조회 4,147회 댓글 0건

본문

선택자 {

    속성 : 값 ;

}

 

CSS의 선택자

 - 전체 선택자 : * 로 표시되며 웹 문서 내 모든 요소

 - 타입 선택자 : 요소 이름으로 사용하여 요소선택

 - 아이디 선택자 : #기호로 표시되며 특정한 요소 선택

 - 클래스 선택자 : 마침표(.)기호로 표시되며 특정한 요소 선택

 - 계층 선택자 :  - 예제) https://funyphp.com/bbs/board.php?bo_table=html&wr_id=90

  자손/자식/형제/근접후행형제

  근접후행형제 : 요소 뒤에서 가장 가까이 있는 요소

  자손 선택자 : 스페이스

  자식 선택자 : >

  형제(근접후행) 선택자 : +

  형제(후행) 선택자 : ~


 형식 설명 
 space  자손선택자 
 >    자식선택자 
 +   형제(근접후행) 선택자 
 ~    형제(후행) 선택자 

 - 그룹 선택자 : 다양한 요소를 콤마(,)를 사용하여 요소 선택


추천0

비추천 0

댓글목록

등록된 댓글이 없습니다.

전체 42건 2 페이지

이미지 목록

게시물 검색
Copyright © 즐거운 코딩 생활 ( funyphp ). All rights reserved.
PC 버전으로 보기