CSS | 2. 선택자
주요 선택자
1. 전체 선택자
모든 요소에 스타일 적용하기
* {
}
2. 태그 선택자
특정 태그를 사용한 요소에 스타일 적용하기
태그 {
스타일
}
p {
}
3. 클래스 선택자
특정 부분에 스타일 적용하기
문서 안에서 여러 번 반복할 스타일이라면 클래스 선택자로 정의한다. 마침표(.) 다음에 클래스 이름 지정
.클래스명 {
스타일
}
.bluetext {
}
h2.bluetext {
} /* <h2> 태그에만 bluetext 클래스 선택자 적용 */
4. id 선택자
특정 부분에 스타일 적용하기
문서 안에서 한 번만 사용한다면 id 선택자로 정의한다. 파운드(#) 다음에 id 이름 지정
#아이디명 {
스타일
}
#container {
}
class 선택자 vs id 선택자의 차이
공통점 : 요소의 특정 부분에만 스타일 적용
차이점
-클래스 선택자 : 문서 안에서 여러 번 반복
-id 선택자 : 문서 안에서 한 번만 사용
5. 그룹 선택자
같은 스타일을 사용하는 선택자를 한꺼번에 정의
쉼표(,)로 구분해 여러 선택자를 나열
h1, h2 {
}
Author And Source
이 문제에 관하여(CSS | 2. 선택자), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@printver_2world/CSS-2.-선택자저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)