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

본문 바로가기
사이트 내 전체검색

html&css

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

작성자 웹지기
작성일 21-01-08 14:40 | 조회 6,606 | 댓글 0

본문

선택자 {

    속성 : 값 ;

}

 

CSS의 선택자

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

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

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

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

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

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

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

  자손 선택자 : 스페이스

  자식 선택자 : >

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

  형제(후행) 선택자 : ~


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

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

0 0

댓글목록 0

등록된 댓글이 없습니다.

html&css 목록

Total 42
게시물 검색

회원로그인

접속자집계

오늘
1,404
어제
30,687
최대
61,067
전체
18,390,909

그누보드5
Copyright © www.funyphp.com. All rights reserved.