Ich möchte verstehen, wie CSS-Selektoren mit Eigenschaftskonflikten umgehen. Wie wähle ich eine Immobilie gegenüber einer anderen aus?

div {
  background-color: red;
}

div.my_class {
  background-color: black;
}

div#my_id {
  background-color: blue;
}

body div {
  background-color: green;
}

body>div {
  background-color: orange;
}

body>div#my_id {
  background-color: pink;
}

<div id="my_id" class="my_class">hello</div>

Wie funktioniert die Auswahlpriorität?