CSS 선택기 중 "+"(더하기 기호)가 의미하는 것

 

질문 : "+"(더하기 기호) CSS 선택기는 무엇을 의미합니까?

---

예를 들면 :

p + p {
  /* Some declarations */
  }
  

+ 가 무엇을 의미하는지 모르겠습니다. + p 없이 p 대한 스타일을 정의하는 것의 차이점은 무엇입니까?

답변

---

W3.org에서 인접한 선택자를 참조하십시오.

이 경우 선택기는 스타일이 다른 단락 바로 다음에 오는 단락에만 적용됨을 의미합니다.

일반 p 선택기는 페이지의 모든 단락에 스타일을 적용합니다.

이것은 IE7 이상에서만 작동합니다. IE6에서는 스타일이 어떤 요소에도 적용되지 않습니다. 그건 > 결합 자에도 적용됩니다.

Internet Explorer의 CSS 호환성에 대한 Microsoft의 개요를 참조하십시오.

출처 : https://stackoverflow.com/questions/1139763/what-does-the-plus-sign-css-selector-mean