반응형
selector > 태그명 {}
: 셀렉터 태그 안에 있는 직계 자식 태그에 스타일 주기
navbar > p{
스타일 }
// navbar 바로 직계 p 태그에만 스타일 적용
selector 태그명 {}
: 셀렉터 안에 있는 모든 자식에게 스타일 주기
navbar p{
스타일 }
// navbar 내부의 모든 p 태그에 스타일 적용
input 태그 내에서 특정 타입의 속성만 변경하고 싶을 때
input[type=text] {
style~~~;
}
n번째 등장하는 요소만 스타일링 할 때
.a th:nth-childe(3) {
}
// 세번째 행만 스타일링 하는 코드
even, odd 로 홀짝에만 둘 수 도 있고
3n+0 등으로 3의 배수 요소에만 스타일 줄 수도 있음
반응형
'강의정리들 > [2023] FullStack' 카테고리의 다른 글
[CSS]margin 없이 이동하기 / position (1) | 2023.01.28 |
---|---|
[CSS]마진 겹칠 때 해결 방법 margin collapse (0) | 2023.01.28 |
[CSS]레이아웃- HTML 좌우배치: float 과 inline-block (1) | 2023.01.28 |
[CSS]div 태그를 이용한 화면 분할 (0) | 2023.01.28 |
[CSS]글자 스타일 (0) | 2023.01.28 |