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

мы хотим применить css к последнему блогу. Проблема в том, что последний элемент в div "блог-сообщения" является тем же типом элемента, что и "блог-сообщение" div.

Я пробовал:

  • последнем-из-тип
  • последнем-ребенок

HTML-код

<div class="blog-posts">
    <div class="blog-post"></div>
    <div class="blog-post"></div>
    <div class="blog-post"></div>
    <div class="blog-post"></div>
    <div class="f03-456245"></div>
</div>

в CSS

.blog-post:last-child{
  //do some css
}
9
css css-selectors html

2 ответов

последний элемент с помощью .class не возможно. В вашем случае вы можете использовать nth-last-child собственность.

 .blog-posts div:nth-last-child(2) {
   background: #ff0000;
 }

демо

6

возможно, вам придется сделать так:

.blog-posts div:last-child{
  //do some css
}

подразумевается div элемент. Он применяется для любого другого типа элемента p , span etc...

-1