"완전 랩핑 된"유일한 자식 셀렉터

Question

첫 번째 테이블에서 <em> 요소를 선택하고 싶습니다. 두 번째는 선택하지 않습니다. CSS 선택기가 있습니까?

CLARIFY : 나는 em가 완전히 p로 감싸 인 경우에만 <em>을 <p> 내부에서 <p> 안에 선택하고 싶습니다. 즉 <p>에 <em> 만 있으면됩니다.

지난 번에 <p> 요소 내부에있는 What do you think about 및 thing? 섹션을 무엇이라고 부를지 모르겠습니다. 엄밀히 말하면 형제가 아니기 때문에 형제가 아닙니다.

나는 혼자 CSS에서 그렇게하고 싶다.

table + p > em:only-child { 
    color: red; 
} 

Demo here on JSFiddle

Answer 1

table:first-of-type + p > em:only-child { 
    color: red; 
}