Css `用户选择无`而不继承

我有一个带有嵌套div框、ul和li标签以及按钮等的网页。让用户选择它们看起来不太好，因此我想禁用这些容器部件的选择。但同时，我想允许选择其中的单个字符。我试图使用css属性user select:none，但一旦我将其设置为某个对象，该属性似乎会一直继承到单个字符。有没有办法防止这种继承并禁止选择容器框，但同时允许选择其中的单个字符？

您可以将此样式附加到外部框：

#outer {user-select:none}

然后从所有子对象中删除：

#outer * {user-select:all;}

---

以下是所有可能的用户选择值的说明：

您可以将此样式附加到外部框中：

#outer {user-select:none}

然后从所有子对象中删除：

#outer * {user-select:all;}

以下是所有可能的用户选择值的说明：

您是否尝试为子元素设置用户选择：text或all？@IanKuca谢谢。文本似乎适合我的需要。您是否尝试过为子元素设置user select:text或all？@IanKuca谢谢。文本似乎适合我的需要。