Selector usage when styling nav created by unordered lists
<p>The questions below pertain to sample HTML / CSS code below:</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>ul {
  display: inline-block;
  list-style: none;
}
li {
  color: #000;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
  &lt;li&gt;Home&lt;/li&gt;
  &lt;li&gt;Portfolio&lt;/li&gt;
&lt;/ul&gt;</code></pre>
</div>
</div>
</p>

<ol>
<li>When choosing to format and style a navigation menu that was created using an unordered list, what is the difference of using ul selector to target the lists versus targeting the li selector directly? </li>
<li>Is there an appropriate time when I should only use ul selector instead of li, and vice versa? In other words, are there properties that only work on the ul level. And on the li level?</li>
</ol>