CSS - 첫 번째 하위를 기반으로 부모 수정

CSS에서 첫 번째 자식이 주어진 경우 부모 요소를 수정하는 방법이 있습니까?CSS - 첫 번째 하위를 기반으로 부모 수정

제 경우는 첫 번째 자식이 링크 인 경우 테이블 셀을 다르게 포맷하는 것입니다.

<td>Hello</td> 
<td><a href="go.html">Go here!</a></td> 

<style> 
td { padding: 5px; } /* Normal cell */ 
?? { padding: 0px; } /* Cell with link as first child */ 
</style>

출처

2014-09-09 Warwick

아니,하지만 당신은 다른 접근 방식의 생각과 같은 것을 수행 할 수 있습니다

td { padding: 5px; } /* Normal cell */ 
td a { margin: -5px; } /* Cell with link as first child */

은 물론, 유사한 작업을 수행하는 여러 가지 방법이 있습니다합니다.

CSS4는 사용자가 원하는대로 정확하게 수행 할 수있는 의사 클래스 인 :has을 제공해야하지만 기다려야합니다.

출처

2014-09-09 14:29:44 Shomz

두 가지 모두 내 질문에 대한 답변입니다. 단기 및 장기적인 해결책. 나는 그곳에 있었음을 알고있다. 나는 상상한다 : has는 똑같이 할 것이다. 정말 고마워! – Warwick

당신을 진심으로 환영합니다. 프로젝트가 여기 예제보다 훨씬 복잡하다면, 내부에 앵커가있는 모든 td 요소에 클래스를 설정하고 간단히'td.hasAnchorClass {padding : 0}'을 수행하는 것이 좋습니다. 가장 간단한 방법. – Shomz

의견을 보내 주셔서 감사합니다. 내가 나보다 앞서있는 것 같아. 다음 번에는 음질이 덜 어울릴 수도 있습니다. – BJack

CSS - 첫 번째 하위를 기반으로 부모 수정

답변

관련 문제