모든 선택자 *
html 태그 선택자 h1
class 선택자 .이름
id 선택자 #이름
특성선택자 [attr]
여러개를 동시에 선택 (그룹선택) ,
하위 선택 공백
바로 하위 선택 >
형제중 선택 ~
바로다음 인접 형제 선택 +
상태에 따른 선택(의사클래스) :
https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-classes
의사 클래스 - CSS: Cascading Style Sheets | MDN
CSS 의사 클래스(가상 클래스)는 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할 수 있습니다. 예를 들어 :hover를 사용하면 포인터를 올렸을 때에만 글씨 색을 바꾸고 싶을
developer.mozilla.org
'프로그래밍 > CSS' 카테고리의 다른 글
| Tailwindcss - 지시어 Directives (base, components, utilities) (0) | 2024.03.05 |
|---|---|
| Tailwindcss - 개념 익히기 (0) | 2024.03.04 |
| [CSS] display 속성 / 반응형 웹페이지으로 만들때 꼭 알아야 할 CSS 옵션 (0) | 2022.08.02 |
| [CSS] background 속성 (0) | 2022.08.01 |
| [CSS] box-sizing (0) | 2022.07.31 |
모든 선택자 *
html 태그 선택자 h1
class 선택자 .이름
id 선택자 #이름
특성선택자 [attr]
여러개를 동시에 선택 (그룹선택) ,
하위 선택 공백
바로 하위 선택 >
형제중 선택 ~
바로다음 인접 형제 선택 +
상태에 따른 선택(의사클래스) :
https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-classes
의사 클래스 - CSS: Cascading Style Sheets | MDN
CSS 의사 클래스(가상 클래스)는 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할 수 있습니다. 예를 들어 :hover를 사용하면 포인터를 올렸을 때에만 글씨 색을 바꾸고 싶을
developer.mozilla.org
'프로그래밍 > CSS' 카테고리의 다른 글
| Tailwindcss - 지시어 Directives (base, components, utilities) (0) | 2024.03.05 |
|---|---|
| Tailwindcss - 개념 익히기 (0) | 2024.03.04 |
| [CSS] display 속성 / 반응형 웹페이지으로 만들때 꼭 알아야 할 CSS 옵션 (0) | 2022.08.02 |
| [CSS] background 속성 (0) | 2022.08.01 |
| [CSS] box-sizing (0) | 2022.07.31 |
