title: Strikethrough text on checked checkbox
body: <p>I'm trying to make a <code>div</code> text get a <em>strikethrough</em> on checked checkbox but it doesn't work. </p>
  
  <p>I want to strike over <code>item-title</code> when <code>input type="checkbox"</code> is checked.</p>
  
  <p>This is what i have right now:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>input[type=checkbox]:checked+div {
    text-decoration: line-through;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="list media-list"&gt;
    &lt;ul id="todoList"&gt;
      &lt;li class="swipeout"&gt;&lt;label class="item-checkbox item-content swipeout-content"&gt;
                &lt;input type="checkbox" id="test1" name="checkbox" value="2" /&gt;
                &lt;i class="icon icon-checkbox"&gt;&lt;/i&gt;
                &lt;div class="item-inner"&gt;
                  &lt;div class="item-title-row"&gt;
                    &lt;div class="item-title" for="test1"&gt;Test&lt;/div&gt;
                    &lt;div class="item-after"&gt;2019&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="item-subtitle"&gt;Test text&lt;/div&gt;
                  &lt;div class="item-text"&gt;By Test&lt;/div&gt;
                &lt;/div&gt;
              &lt;/label&gt;
        &lt;div class="swipeout-actions-right"&gt;&lt;a href="#" data-confirm="Are you sure you want to delete this item?" class="swipeout-delete"&gt;Delete&lt;/a&gt;&lt;/div&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>