CSS Following Siblings Selector

~ is for the following sibling selector.

How could il select the class .content in reference to the class .select ?

HTML

<ul>
  <li> <a>content</a> </li>
  <li> <a class="select">selected li</a> </li>
  <li> <a>content</a> </li>
</ul>
<div class="content">
  selected content
<div>

CSS (not working)

ul > li > a.select ~ .content {
  /* something */
}