Применить стиль к первому элементу динамического списка

Question

У меня есть список, который создается из базы данных, поэтому у меня нет определенной длины, и у меня нет html-кода каждой строки. Но мне нужно установите определенный стиль в первую строку списка. Итак, я спрашиваю, можно ли сказать css, чтобы применить стиль только к первому элементу, также если список является динамическим.

<tr> 
    <td class="align-center"><? echo $myvariable; ?></td> 
</tr> 

Если этот TD создан, например, 40 раз, только первый должен иметь определенный стиль. Возможно? Спасибо за консультацию.

Answer 1

Если вы хотите предназначаться первым tr затем использовать

table tr:first-child { 
    /* Styles goes here */ 
} 

И если вы хотите предназначаться первым td первого tr затем использовать

table tr:first-child td:first-child { 
    /* Styles goes here */ 
} 

И если вы хотите предназначаться первой td из каждых tr

table tr td:first-child { 
    /* Styles goes here */ 
} 

Просто убедитесь, что вы нацелились на правый table, по крайней мере, предоставьте class или id тому, что table и используйте его в своем селекторе.