Magento 2: How to apply css in the second div of toolbar?

Question

I'm try to appply css in second div of toolbar class, but my css is applied in both div, so can you give me suggestion how to apply css for particular second div in toolbar class ?

Here is a screenshot, pleas check for better understanding.

Answer 1

In this case you can try to use CSS element1~element2 Selector for second element

// first toolbar
.toolbar.toolbar-products:first {
    // ...
}
// second toolbar
.toolbar.toolbar-products ~ .toolbar.toolbar-products {
     // ...
}

Answer 2

use + .toolbar-products for applied css.

.toolbar-products { color:yellow}
.products-grid + .toolbar-products { color:red}