title: How to style a list inside a list
body: <p>I have an unordered list inside another unordered list, surrounded by paragraphs. I have styled my list items to be larger than the paragraphs inside it, but I want the list inside of the list to be the same size as the paragraphs.</p>
  <p>Here's an example:</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>p {
      font-family: sans-serif;
      font-size: 125%;
  }
  h3 {
      font-family: sans-serif;
      font-size: 170%;
      font-weight: bold;
  }
  li {
      font-family: sans-serif;
      font-size: 150%;
      font-style: italic;
  }
  li &gt; ul &gt; li {
      font-family: sans-serif;
      font-size: 16px;
      font-style: italic;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h3&gt;These are the top-most misconceptions about aromanticism:&lt;/h3&gt;
      &lt;ul&gt;
          &lt;li&gt;That we are unfeeling or "cold fish"&lt;/li&gt;
              &lt;p&gt;Nothing could be further from the truth. Just because we have no interest in romantic love does not make us any less funny, warm, kind or happy people.&lt;/p&gt;
          &lt;li&gt;That we are lonely or have no love in our lives&lt;/li&gt;
              &lt;p&gt;This is a huge misconception. Romantic love has been such a focus of movies, tv-shows, songs and books, that people forget that there are many other forms of love that are equally - if not more - important. For example:&lt;/p&gt;
              &lt;ul&gt;
                  &lt;li&gt;Self-love: Loving yourself, feeling good in your own skin.&lt;/li&gt;
                  &lt;li&gt;Familial love: Loving your family, whether that family is the one you're born into or choose for yourself&lt;/li&gt;
                  &lt;li&gt;Amicable love: Loving your friends. This, for aromantic people, is often a stronger bond than what non-aromantics experience, since friendship for us is not a temporary relationship that can fade once a "more important" romantic relationship starts.&lt;/li&gt;
                  &lt;li&gt;Love for animals&lt;/li&gt;
                  &lt;li&gt;Love for hobbies&lt;/li&gt;
              &lt;/ul&gt;
              &lt;br&gt;
          &lt;li&gt;That we are broken&lt;/li&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I have tried with</p>
  <p>li li, li &gt; ul, tried moving the list items inside the paragraph and then using p li</p>
  <p>I've even tried removing the original list styling, just to see if it's blocking it, but then none of the lists get any styling.</p>
  <p>Please help?</p>