What does tilda (~) symbol in CSS selector mean?

Question

I've read in leaflet css that uses ~ in the selector.

.leaflet-sidebar.left.visible ~ .leaflet-left {
left: 100%;
}

Answer 1

~ selects every element (on the right) that has the left-side element before it.
So this code selects .leaflet-left if it's directly after .leaflet.sidebar.left.visible.

Answer 2

Got it! Thanks tamra for your concise explanation. 😊