这个问题
CSS rule to disable text selection highlighting显示了如何防止元素上的文本选择.一旦你阻止了选择,你如何才能选择一个特定的子元素?例如
<div class="no-select"> <p>some text that cannot be selected</p> <p class="select">some text that can be selected</p> <p>some text that cannot be selected</p> </div> table.no-select{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } td.select{-webkit-touch-callout: all !important; -webkit-user-select: all !important; -khtml-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; }
上面的.no-select规则起作用,但是我在一个.select规则下的尝试不行,这样做的正确方法是什么?