What does the css selectors ~, +, > do?

What do the CSS selectors ~, +, and > do?

I have seen these selectors many times, but it is not clear what the main difference between them is. Can someone explain the difference between these symbols? When we should use these symbols?