[ css ] css의 구조 && css의 선택자
페이지 정보
작성자 웹지기 댓글 0건 조회 4,143회 작성일 21-01-08 14:40본문
선택자 {
속성 : 값 ;
}
CSS의 선택자
- 전체 선택자 : * 로 표시되며 웹 문서 내 모든 요소
- 타입 선택자 : 요소 이름으로 사용하여 요소선택
- 아이디 선택자 : #기호로 표시되며 특정한 요소 선택
- 클래스 선택자 : 마침표(.)기호로 표시되며 특정한 요소 선택
- 계층 선택자 : - 예제) https://funyphp.com/bbs/board.php?bo_table=html&wr_id=90
자손/자식/형제/근접후행형제
근접후행형제 : 요소 뒤에서 가장 가까이 있는 요소
자손 선택자 : 스페이스
자식 선택자 : >
형제(근접후행) 선택자 : +
형제(후행) 선택자 : ~
| 형식 | 설명 |
| space | 자손선택자 |
| > | 자식선택자 |
| + | 형제(근접후행) 선택자 |
| ~ | 형제(후행) 선택자 |
- 그룹 선택자 : 다양한 요소를 콤마(,)를 사용하여 요소 선택
추천0 비추천0
댓글목록
등록된 댓글이 없습니다.