überschreiben von Styleangaben

[jana]

Hallo Forum,

mit

tr.klasse td button {background-color:pink}
   button.brot {background-color:yellow}

und
  <tr class="klasse">
  <td>normal</td>
  <td><button class="brot">button</button></td>
  </tr>
  </table>
hätt ich gedacht, müsste der Buttonhintergrund gelb werden. Wenn ich das tr.klasse td button wegnehme, ist er es auch.

Warum überschreibt die erste Angabe die zweite? Ich dachte, es wäre umgekehrt?

gruß, Jana