수다닷컴

#path ulli { border:10px solid red; }
타나토스(ilovetos)님이 찾으시는게 이거일 겁니다.

조금 더 풀어쓰자면 li는 ul의 형제가 될 수 없습니다. li는 ol이나 ul의 자식이예요. 영원히 포에버...

ul + li는 잘못된 표현입니다. 쉽게 예를 들면 ulli/li/ula/a 이럴 경우 ul + a가 성립됩니다. 닫힌 태그 다음에 시작되는 태그를 선택할 때 인접형제 선택자를 쓰는겁니다. 질문자님의 경우는 ul 태그 안에 자식 태그인 li태그를 선택하는 경우라 인접형제 선택자로 해당 엘리먼트를 선택하실 수 없습니다.

네 이 방법은 잘 됩니다.
감사합니다.

#path ul li:first-child로 선택하시면 될 것 같습니다.

li + a 라는 뜻은 올바른 문법은 아닙니다만 li/lia/a로 마크업이 되었을 경우 선택가능합니다. 저 마크업에서 a를 선택하고 싶으시면 #path ul li:first-child a 하시면 되겠습니다.

#path ul li a { border:1px solid blue; }
#path ul li+a { border:10px solid red; }

이렇게 사용할 때도 안되거든요.
제가 무엇를 이해하지 못하고 있는 걸까요?

+ 는 인접형제 선택자를 표현할 때 사용합니다. 저 경우에서는 UL태그에 인접한 태그가 없으므로 속성이 전혀 적용되지 않죠. LI는 UL의 자식 요소입니다. UL태그 안에 포함되어 있으니까요.