làm văn bản lựa chọn bên trong một div unselectable

Question

Trong trang của tôi đã thực hiện toàn bộ một div unselectable, với sự giúp đỡ của css này (mà tôi nhận được từ stackoverflow nó tự)

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

Bây giờ tôi đã nhận một thẻ h2 bên trong div này không thể chọn.Và tôi muốn rằng h2 để trở thành selectable.Is có bất kỳ cách nào để đạt được điều này easly.

Tôi đã quên một số điều trong câu hỏi của mình. tôi có ba h2 trong mã của tôi một tôi cần một cụ thể để có thể lựa chọn vì vậy tôi thêm một lớp học này h2 và đã thử một số điều như thế này .unselectable: không (.class-of-h2) (mà tôi nhận được từ câu trả lời dưới đây). nhưng nó không làm việc

Answer 1

Sử dụng cho các phần tử h2 bạn

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

See demo

Answer 2

bạn có thể sử dụng

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

không có thể loại trừ các phần tử từ danh sách các selector
này có thể làm cho toàn bộ div unselectable của bạn ngoại trừ yếu tố h2.

Answer 3

Chỉ cần thêm dưới đây CSS

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

Xem demo