In this scenario the parent div's -ms-user-select attribute is set "none", thus disabling selection for the parent div. You will find 5 child divs that have their -ms-user-select attribute set to "inherit", "element", "text", "initial" and "none" respectively.

The user has the ability to select everything within the div with attribute set to "element". However if you begin selection from the div marked "text" can select anything on the page. The "inherit" div and the "auto" div are unselectable just like the parent div.

The -ms-user-select attribute for the Parent Div is set to "none". Hence selection is disabled.

The -ms-user-select attribute for this div is set to "inherit"

The -ms-user-select attribute for this div is set to "element"

The -ms-user-select attribute for this div is set to "text"

Either you don't use the -ms-user-select attribute or set it to "auto"

The -ms-user-select attribute for this div is set to "none"