title: How to set css in jQuery with multiple combinators
body: <p>I have some CSS that I need to change with jQuery. The css line looks like this:</p>
  <pre><code>.switch-vertical input ~ input:checked ~ .toggle-outside .toggle-inside {
    top: 40px;
  }
  </code></pre>
  <p>So I tried the following:</p>
  <pre><code>$('.switch-vertical input ~ input:checked ~ .toggle-outside .toggle-inside').css('top', '20px');
  </code></pre>
  <p>But this does nothing, it also doesn't give an error. How can I set a line of CSS that looks like that?</p>
  <p>I know best practice is to use classes but can it be done in another way?</p>