Я хотел бы понять, как селектора CSS
работают со свойствами коллизий, как свойство выбрано вместо другого?
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:white;
}
<html>
<body>
<div id="my_id" class="my_class">hello</div>
</body>
</html>
Для кого-то это может быть очевидно, но не для меня!
Есть ли какое-нибудь руководство или ссылка, где я могу наконец понять, как работает приоритет выбора?