Найти последний дочерний элемент в контейнере

[IvanRu08]

Доброго времени суток. Возникла проблема. Нужно найти последний элемент в контейнере. Неизвестно, что это будет: абзац, картинка, список и тд. То есть:

<!--Первый случай-->
<div>
  <p>Какой то текст</p>
  <img src="" alt="">
  <ul>
    <li>Пункт списка</li>
    <li>Пункт списка</li>
    <li>Пункт списка</li>
  </ul>
</div>
<!--Второй случай-->
<div>
  <img src="" alt="">
  <ul>
    <li>Пункт списка</li>
    <li>Пункт списка</li>
    <li>Пункт списка</li>
  </ul>
  <p>Какой то текст</p>
</div>
<!--Третий случай-->
<div>
  <p>Какой то текст</p>
   <ul>
    <li>Пункт списка</li>
    <li>Пункт списка</li>
    <li>Пункт списка</li>
  </ul>
  <img src="" alt="">
</div>

Вот, что должно получиться:

1. В первом случае должен, например, выделяться красным список
2. Во втором случае - абзац
3. В третьем - картинка

Каждый раз выбирается последний элемент именно в этом диве, и элементы всегда разные, т е на последнем месте должен стоять любой. Пробовал и last-child, last-of-type и с помощью JS пытался - результат не тот. Есть выход из этой ситуации?

[Vlad_P]

div > *:last-child {....}