jQuery의 eq() 선택기와 비슷한 작업을 수행하여 페이지의 요소를 순서에 따라 대상으로 지정하려고합니다. : nth-child()는 내가 원하는 요소를 제외하고는 꼭 필요한 요소입니다. 예 :nth-child()는 어떻게 사용 하나 CSS의 자식은 사용하지 않습니까?
<div></div>
<div></div>
위의 두 번째 div를 대상으로하고 싶다면 CSS에서 무엇을 사용할 수 있습니까 (실제 ID 또는 클래스를 부여하지 않고)?
CSS 선택자와 관련된 임의의 관련없는 일치 집합에서 n 번째 요소를 선택할 수 없습니다.
$('div:eq(1)')을 사용하는 jQuery에서만이를 수행 할 수 있습니다.
Ooo'nth-match' ... 흥미 롭습니다. 보트 타기. –
@ Russell : 나는 CSS4를 여기 저기에서 힌트를 포기하는 대신 포장해야한다고 두려워합니다. S – BoltClock
@Russell : CSS4 스펙을 검토 한 결과, 'nth- ': nth-match()'는 형제 요소로 제한된다는 점에서': nth-child()'처럼 동작하기 때문에 match()는 jQuery의': eq()'와 같은 일을 할 것이다 : http://dev.w3.org/csswg/selectors4/#nth-match – BoltClock
인접한 div 요소에만있는 경우 div + div을 사용할 수 있습니다. 그렇지 않으면 두 번째에서 시작하는 모든 div와 일치합니다.
그런 경우 div + div + div 규칙을 지정하여 적용한 CSS를 재설정해야합니다. 그것은 3 번째부터 시작하여 모든 div에 적용됩니다.
당신의 예제는'div's가 암묵적인'body'의 자식이기 때문에 꽤 나쁩니다. – BoltClock