인접 형제 : 규칙 사이에 너무 많은 요소가 있음

Question

보이는 트리의 첫 번째 맨 위 요소가 마우스를 가리킬 때 p 요소를 숨기려고합니다. 여기에 stackoverflow를 통해 인접한 형제 선택기와 함께 작동하는 것이 좋았으며 약간의 예제가 있었지만 그 둘 사이에 너무 많은 요소가 있으면 동기화 할 필요가 없습니다. 나는 사람이 서로 옆에, 나무 의지의 CSS를 파산이 두 요소를 넣어하려고하면

#smart:hover ~ p#first { 
display: inline; 
} 

#first { 
left: -450px; 
top: 100px; 
display:none; 
} 

http://codepen.io/sietedosfede/pen/gdLiB

문제

이다.

어쩌면 그 두 규칙 사이의 중간 요소를 무시할 수있는 규칙이 있는지 물어 봅니다.

어쨌든 이것을 달성하는 가장 좋은 방법인지는 알 수 없습니다. 미리 감사드립니다. GRSI.

Answer 1

CSS를 사용하여 트리를 "위로"이동할 수 없습니다. <ul> 트리의 일부가 아닌 항목을 표시하기 위해 중첩 된 요소를 가리 키려고하면 작동하지 않습니다. 대신 자바 스크립트를 사용하거나 단락을 앵커 태그가있는 동일한 목록 항목 (또는 목록 항목의 하위 요소)에 추가해야합니다.