title: css element.style display:none; being recognized instead of actual CSS
body: <p>I am having an issue with an li tag being written as <code>element.style { display:none; }</code> when I have an id or div attached to it. For example:</p>
  
  <pre><code>&lt;ul id="nav&gt;
      &lt;li class="another"&gt;this&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>In this instance I could either write <code>ul#nav {}</code> or <code>#nav li{}</code> or <code>.another{}</code> which I could then put inside anyone of those a <code>display:inline-block;</code> . The problem is I do that, but the web site still recognizes is as <code>element.style {display:none;}</code> for some reason and I can't figure out why the CSS won't work. I've even tried to do </p>
  
  <pre><code>&lt;li style="display:block;"&gt;&lt;/li&gt; 
  </code></pre>
  
  <p>but that didn't work either.</p>