테이블 tr:first-child td의 기능적 문제

Question

CSS와 표를 사용하여 분자와 분모 사이에 분수선을 배치했습니다. 복잡한 분수의 경우 Ant 브라우저에서 제대로 작동하지 않습니다. 다음은 문제를 보여주는 Try it 편집기에 사용된 샘플 코드입니다. 문자 C 아래에 원치 않는 테두리가 있습니다. 그러나 코드화된 문자 F와 같은 것이 가능합니다. 4개의 브라우저를 사용해 보았지만 모두 동일한 문제가 발생했습니다. 문제 < td >에 style="border:none"을 추가하는 해결 방법이 있지만(클래스를 추가해도 작동하지 않음) 왜 이렇게 해야 합니까? 추신. 네, <수학>은 알지만 제게는 너무 복잡해요.

으으으으

Answer 1

첫 번째 하위 요소인 td 요소 내부의 모든 tr 요소를 타겟팅하고 있습니다.

C는 테이블의 첫 번째 tr 내부에 있으므로 다른 테이블과 tr 내부에도 있음에도 불구하고 대상이 됩니다.

더 구체적으로 설명하려면 td의 첫 번째 tr 자식의 직계 자식만 선택하세요. 그러면 C의 밑줄이 사라집니다.

으아악