정의 된 자식이없는 html 요소의 스타일을 선택하고 적용하는 방법은 무엇입니까?

Question

정의 된 하위 요소가없는 html 요소의 스타일을 선택하고 적용하는 방법은 무엇입니까? 예를 들어,

<p>Lorem</p> 
<p>Isum <span>dolor</span></p> 

span 요소가 없기 때문에 첫 번째 p 스타일을 적용하고 싶습니다.

CSS로 할 수 있습니까?

Answer 1

<p>에 그런 클래스를 지정해주세요. 동적 인 경우 자바 스크립트를 사용하여 클래스를 추가하십시오. 그것으로 조건을 더 잘 설정할 수 있습니다. CSS는이 경우 사용자의 대답이 아닙니다. 이것은 어떤면에서 도움이 될 수 있습니다 :) http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

Answer 2

나는 당신이 CSS로 할 수 있다고 생각하지 않습니다. 당신은

<p class="Lorem">Lorem</p> 
<p>Isum <span>dolor</span></p> 


.Lorem + p {color: green;} 

Answer 3

보기 ... jQuery를 함께 할 수 있습니다 페이지는 CSS에서이 작업을 수행합니다 :

http://jsfiddle.net/6EmxP/

당신은 같은 일을 수행 할 jQuery를 경로를 사용할 수 있습니다.

Answer 4

당신은 먼저에 선택기를 넣어야 할 것입니다 ..

당신은, 내가 생각하는 부모를 선택할 필요가 없습니다 http://api.jquery.com/has/

Answer 5

첫 번째 p 요소에는 자식이 있습니다. 텍스트 노드입니다. 그렇지 않으면 :empty을 사용할 수 있습니다.

요소의 정확한 위치를 알면 :nth-child을 사용할 수 있습니다. 수업은 필요 없습니다 (그러나 더 빠를 것입니다).