[CSS] 다중 선택자

다중 선택자

보통 CSS에서 이렇게 쓰면:

h1 {   font-family: Georgia; } .menu {   font-family: Georgia; }

 

이렇게 두 번이나 font-family: Georgia;를 반복해야 하지?
→ 코드가 길고 중복돼서 비효율적이야 😓

---

🎯 그래서 등장한 게 다중 선택자!

 

h1, .menu {   font-family: Georgia; }

 

👉 h1이든, .menu 클래스든 둘 다 Georgia 글꼴로 바꿔줘!

✔ 쉼표(,)로 선택자들을 나열하면 돼!

---

💡 더 많은 선택자도 가능해!

h1, h2, p, .menu, #title {   color: navy; }

 

이렇게 쓰면 위에 나온 모든 요소에 **color: navy;**가 적용

---

📌 요약

개념	설명
다중 선택자	쉼표로 나열해서 여러 요소에 같은 스타일을 적용함
예시	h1, .menu { font-family: Georgia; }
장점	코드가 짧아지고, 관리가 쉬워짐