Klasse für das unmittelbare Kind funktioniert nicht

Question

Ich habe einen Code, um die Klasse aufzurufen. Es funktioniert in einigen Browsern. aber in einigen anderen Browsern wird es nicht funktionieren. Ich muss als eine unmittelbare Klasse geben. dann funktioniert es nur in allen Browsern. Gibt es dafür eine andere Lösung?

Code ist:

<table> 
    <tr> 
    <td class="abc"> 
     <table> 
     <tr> 
      <td>Immediate child<td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 

oben Code-Klasse abc ist nicht unmittelbar untergeordneten Text in allen Browsern gelten. aber der folgende Code funktioniert in allen Browsern.

<table> 
    <tr> 
    <td > 
     <table> 
     <tr> 
      <td class="abc">Immediate child<td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 

Ich habe eine Menge von Dateien, um das zu ändern. Bitte sagen Sie mir, gibt es andere Lösungen dafür?

Alle CSS-Eigenschaft wird nicht funktionieren. Wenn ich die Klasse abc zum sofortigen td bringe, bedeutet das ihre Arbeit. Meine Frage ist, warum das CSS nicht funktioniert, wenn ich es außerhalb der Tabelle anwende?

Answer 1

Sie nicht die Tags richtig schließen, die letzten beiden <td></td>

sein sollte

<table> 
    <tr> 
    <td class="abc"> 
     <table> 
     <tr> 
      <td>Immediate child</td> 
      <!--CHANGED FROM <td>Immediate child<td>--> 
     </tr> 
     </table> 
    </td><!--CHANGED FROM <td>--> 
    </tr> 
</table>