CSS只允许选择网页上的文本？

Question

是否有一个轻量级的 CSS 或 Javascript sn-p 可以让我只选择/突出显示页面上仅对文本可用的内容？当您尝试突出显示文本并最终突出显示 div、图像和其他内容时，我总是很恼火。

有没有办法只突出显示文本？这将包括段落、锚点、div 和图像中的文本以及所有标题标签。

谢谢！ 〜杰克逊

我正在上传任何回答此问题的人的结果，我目前正在运行 @Nick Radford 的 ETA 代码。

就在这里，而且更近了，除了用 ctrl+a 进行的文本之外，还有很多选择： http://designsweeter.com/

Answer 1

html{ 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}
p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{
    -o-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

第一个块禁用 html 中的选择，第二个块将它重新启用到任何可以包含 HTML5 文本的项目。它很大，但缩小，它更小：

html{-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none}p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{-moz-user-select:text;-o-user-select:text;-webkit-user-select:text;user-select:text}

Answer 2

这可能有效：

img, div { 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}