CSS 선택은 아이에게 알고있을 때 부모를 받고

<div id"mainDiv"> 
     <ul id="cat1"> 
     </ul> 
</div> 

<div id"mainDiv"> 
     <ul id="cat2"> 
     </ul> 
</div>

제가 적용 할 나는 내 CSS에서 아이 UL "CAT1"인 "mainDiv"를 선택하고 싶은

그 div의 어떤 스타일. 하지만 모든 maindiv의

어떤 아이디어?

동일한 ID를 가진 요소를 두 개 이상 가질 수 없습니다. 이미 유효하지 않은 HTML입니다. – putvande

현재 CSS가있는 조상을 선택할 방법이 없습니다. 셀렉터 레벨 4는 이것을 허용하는 셀렉터의 "컨텍스트"를 소개하지만, 이는 주요 브라우저에서 지원되지 않습니다. –

이 현재 없음 CSS 선택, 당신은 몇 가지 자바 스크립트/jQuery를에 의지해야 할거야 있도록 :

$('#cat2').parent().css(/* add it here */);

2013-07-25 15:13:34 SlightlyCuban

nth-child (n) psuedo 선택기 또는 첫 번째 자식 – Charles380

Eh를 사용할 수 있습니까? 당신은 어떻게 아이의 아이디와'nth-child' 아이 만 주어진 스타일링에 대해 가겠습니까? 나는 그것이 내려 갔다고 생각하지 않았다. – SlightlyCuban

WC3 사양에 따르면 : E : n 번째 자식 (n) E 요소, 부모의 n 번째 자식 – Charles380

마크 업이 잘못되었습니다

<div id"mainDiv">

는해야

<div id="mainDiv">

HTML에서 중복 된 ID가 유효하지 않으므로이 문맥에서 귀하의 질문은 실제로 유효하지 않습니다. 클래스를 사용하거나 구조를 다시 생각해야합니다. 첫 번째 DIV에 대한

예 :

<div class="mainDiv firstdiv">

이후 div의 :

<div class="mainDiv">

CSS :

.firstdif{}

가 당신의 CSS를 넣어.

2013-07-25 15:20:00

답변