テーブル tr:first-child td の機能上の問題

Question

CSS とテーブルを使用して、分子と分母の間に分数線を配置しました。 Ant ブラウザでは複素分数が正しく動作しません。以下は、try it エディターで使用され、問題を示すサンプル コードです。文字 C の下に不要な境界線があります。ただし、コード化された文字 F のようなものでも十分です。 4 つのブラウザを試しましたが、すべて同じ問題が発生しました。この問題 < td > (クラスの追加が機能しない) に style="border:none" を追加する回避策がありますが、なぜこれを行う必要があるのでしょうか? 追記。はい、私は <数学<数学> を知っていますが、私にとっては難しすぎます。

ああああ

Answer 1

最初の子要素である tr 要素内のすべての td 要素をターゲットにしています。

C はテーブルの最初の tr 内にあるため、別のテーブルおよび tr 内にもあるにもかかわらず、ターゲットになります。

より具体的にしたい場合は、最初の子 tr の直接の子である td のみを選択してください。そうすると C の下線が消えます。

リーリー