Невозможно переопределить пользовательский выбор на дочерних узлах?

Question

Я пытаюсь добавить правило CSS, которое задает поведение по умолчанию, запрещающее выделение текста или элементов на странице.Затем я добавляю правило для определенных узлов (например, абзацы или текст заголовка), чтобы разрешить выделение текста на них.

К сожалению, это не работает должным образом, и кажется невозможным переопределить этот параметр на дочернем узле.

Проверьте это jsfiddle, чтобы понять, что я имею в виду:

http://jsfiddle.net/cH8WD/

Есть идеи, как заставить это работать должным образом?

Спасибо

Редактировать:

Чтобы лучше проиллюстрировать проблему:

http://jsfiddle.net/cH8WD/5/

Answer 1

попробуйте "текст" вместо "нормального", например:

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

p, h1, h2, h3, h4, h5 {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}

edit: для FireFox я изменил строку "-moz-user-select: none;""-moz-user-select: -moz-none;"