How to add CSS if element has 2 chlids, and another element if has 3 childs?

Question

I want to transfom: translateY(200%) if it has 2 childs, and translateY(300%) if it has 3 childs. How can i do this?

Please share your code and what you have tried to do. – tomerpacific Aug 01 '21 at 11:00 — tomerpacific, Aug 01 '21 at 11:00

score 0 · Answer 1 · answered Aug 01 '21 at 11:03

Ok i found the solution,

 .product-status:nth-last-child(n + 3),
      .product-status:nth-last-child(n + 3)~* {
        transform: translateY(300%)!important;
    }
    .product-status:nth-last-child(n + 2),
      .product-status:nth-last-child(n + 2)~* {
        transform: translateY(150%);
    }

That solves the problem

How to add CSS if element has 2 chlids, and another element if has 3 childs?

1 Answers1