title: make text selectable inside an unselectable div
body: <p>In my page i have made an entire div unselectable, with the help of this css (which i got from stackoverflow it self)  </p>
  
  <pre><code>    .unselectable {
     -moz-user-select: -moz-none;
     -khtml-user-select: none;
     -webkit-user-select: none;
  
     /*
       Introduced in IE 10.
       See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
     */
     -ms-user-select: none;
     user-select: none;
  }
  </code></pre>
  
  <p>Now i got an h2 tag inside this unselectable div.And i want that h2 to become selectable.Is there any way to achieve this easly.</p>
  
  <p>I have forgot some thing in my question . i got three h2 in my code an i need specific one to be selectable so i added a class to this h2 and tried some thing like this .unselectable:not(.class-of-h2) (which i got from below answers).but its not working </p>