div의 첫 번째 자식

-2

div의 첫 번째 div가 아닌 모든 div의 배경을 원합니다. 첫 번째 div에는 클래스가 없습니다.div의 첫 번째 자식

.wrapper div:first-child {background: #ff0000;}

또는

.wrapper div:nth-child(1) {background: #ff0000;}

Fiddle here !

나는 다음과 같은 CSS를 시도했지만 작동하지 않는, 내가 원하지 않는 너무 무엇을 모든 제 1 서브 된 div에 배경을 제공합니다

클래스 이름없이 첫 번째 div에만 배경색을 지정하는 방법은 무엇입니까?

출처

2014-10-19 Igor Laszlo

당신은>'직접 아이 선택기를 사용한다'와 같은'.wrapper> DIV : –

첫 child' 덕분에 많이, 나는 그것을 시도! –

나는 질문을 할 때마다, 누군가 나에게 마이너스 포인트를주고, 그는 : 그녀는 심지어 설명을하지 않는다. 누군가 내 계좌를 지옥으로 만들겠다고 결심 했습니까? 아니면이 사람이 오락을 찾았습니까? –

자식 선택기를 사용할 수 있습니다.

.wrapper > div:first-child { 
    background: #ff0000; 
}

>을 연결자 두 개의 선택기를 분리하고 상기 제 일치 요소의 직접 자식 인 제 선택자와 일치들만 요소 일치한다. 대조적으로 두 개의 선택자가 하위 선택기와 결합 된 인 경우 조합 된 선택자 표현식은 의 두 번째 선택자와 일치하는 요소와 일치합니다.이 요소는 "홉"수에 관계없이 첫 번째 선택자와 일치하는 상위 요소가 있습니다. DOM을 올리십시오.

바이올린 : http://jsfiddle.net/ba5gfr27/8/

참조 : MDN - Child selectors

출처

2014-10-19 11:45:18 emmanuel

예,이게 전부입니다! 나는 당신의 대답을 받아 들일 것이다. 나는 단지 몇 분 정도 기다리고 싶다. :) 고마워! –

당신은 환영합니다! – emmanuel

div의 첫 번째 자식

답변

관련 문제