CSS selector .셀렉터 문법

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의 배수 요소에만 스타일 줄 수도 있음