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

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

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

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

http://jsfiddle.net/cH8WD/

Любая идея, как я могу заставить это работать правильно?

Спасибо

Edit:

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

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

Ответ 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;" to "-moz-user-select: -moz-none;"