title: How can I disable a specific LI element inside a UL?
body: <p>I have a menu which is a <code>&lt;ul&gt;</code>. Each menu item is a <code>&lt;li&gt;</code> and currently clickable.
  Based on some conditions, I want to disable (make it not clickable) a particular <code>&lt;li&gt;</code> element.
  How can I achieve this? I tried using the <code>disabled</code> attribute on the <code>&lt;li&gt;</code> and <code>list-style:none</code> as well. Neither worked. Any suggestions?</p>