[CSS] 선택자

📌 css 선택자

---

 ●  1.태그이름

p {color: red}

 ●  2.class

.class이름{color: red}

 ●  3. #id

#id이름{color:red}

 ●  4. * 모든거

* {color: red}

 ● 5. 선택자 " "  선택자

• 특징: 직계가 아니어도 다 선택

div p {color: red}

 ● 6. 선텍자 "+" 선택자

• 특징: 태그 끝난 바로 직후의 다음 태그 (직후가 아니면 선택되지 않는다.)

div + p {color: red}

●  7. 선택자 ">" 선택자 : 직계 선택자 (태그 안에 바로 직계된 선택자만)

div > p {color : red}

● 8.선택자 "~" 선택자 : 물걀은 +보다 더 여유롭게 선택이 가능하다.(바로 직계가 아니어도 가능하다.)

.test ~ .lorem

● 9.[]: 속성 선택자

• 특징 : a 태그나 input 태그에서 많이쓴다.

[속성=속성명]{color: red}