rendre le texte sélectionnable à l'intérieur d'une div non sélectionnable

Dans ma page j'ai fait tout un div ne peut pas être sélectionnée, avec l'aide de css (que j'ai obtenu à partir de stackoverflow)

    .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;
}

Maintenant j'ai une balise h2 à l'intérieur de ce unselectable div.Et je veux que h2 pour devenir sélectionnable.Est-il possible de réaliser cela facilement.

J'ai oublié quelque chose dans ma question . j'ai eu trois h2 dans mon code j'ai un besoin spécifique pour être sélectionnable j'ai donc ajouté une classe à cet h2 et essayé quelque chose comme ça .unselectable:not(.classe-de-h2) (que j'ai obtenu à partir de ci-dessous les réponses).mais sa ne fonctionne pas

source d'informationauteur Athul | 2012-12-28

  1. 19

    Utiliser pour votre élément h2

    .unselectable h2{
 -moz-user-select: text;
 -khtml-user-select: text;
 -webkit-user-select: text;
 -ms-user-select: text;
 user-select: text;
}

    Voir la démo

  2. 2

    Il suffit d'ajouter le ci-dessous CSS

    .unselectable h2 {
   -moz-user-select: text;
   -khtml-user-select: auto;
   -webkit-user-select: auto ;
   -ms-user-select: auto;
   user-select: auto;
 }

    Voir le démo

  3. 1

    vous pouvez utiliser 

         .unselectable:not(h2:nth-child(2)) {
      //your data
      }

    pas peut exclure l'élément de votre liste de sélecteur

    cela peut rendre votre ensemble de la div ne peut pas être sélectionnée à l'exception élément h2.