HTML/CSS-Tabellenwähler Erste/Letzte/Nicht ECT

Question

Ist es möglich, Selektor-Tags zu kombinieren?

Was ich versuche zu machen ist die erste <td> innerhalb der ersten <tr> Stil eine bestimmte Art und Weise habe ich ein paar Möglichkeiten versucht zu versuchen und kombinieren diese. Zugegeben, die Wege, die ich versucht habe, sind falsch, nur nach Punkten zu suchen, wenn es überhaupt möglich ist.

dies versucht:

tr:(:first-child:) td: 
{ 
    font-family:"Helvetica"; 
    font-size: 18px; 
    color: aqua; 
} 

tr:(:first-child: td:) 
{ 
    font-family:"Helvetica"; 
    font-size: 18px; 
    color: aqua; 
} 

Vielen Dank im Voraus.

Answer 1

Sehr einfach und unkompliziert. Wende es wie unten an.

CSS

table tr:first-child td:first-child { 
    background:green; 
    color:#fff; 
} 

HTML

<table> 
    <tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    </tr> 
    <tr> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    </tr> 
    <tr> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
    </tr> 
</table> 

DEMO

Answer 2

tr:first-child wird die erste Zeile td:first-child erhalten die erste Zelle erhalten.

So tr:first-child td:first-child wird die erste Zelle der ersten Zeile erhalten.

tr:first-child td:first-child{ 
 
    font-family:"Helvetica"; 
 
    font-size: 18px; 
 
    color: aqua; 
 
    }

<table style="width:100%"> 
 
    <tr> 
 
    <td>Jill</td> 
 
    <td>Smith</td> 
 
    <td>50</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Eve</td> 
 
    <td>Jackson</td> 
 
    <td>94</td> 
 
    </tr> 
 
</table>