范围CSS样式-如何将CSS样式应用于特定的HTML块？

我正在阅读

标记的

范围
属性，想知道将样式应用于DOM的特定部分的最佳方法是什么，因为并非所有浏览器都支持
范围
，如果我想让它在chrome中工作，我必须在浏览器本身设置一些标志

查看下面的示例，我的
范围
属性不起作用。我可以通过在CSS中使用更具体的选择器来解决这个问题，但现在让我们假设我有一个小部分没有类或任何东西，但想对其应用样式，它可能会搞乱我网页中的许多其他内容



作用域属性允许您在文档中包含样式元素。
内部规则仅适用于父元素。
这个文本应该是黑色的。如果为红色，则浏览器不支持作用域属性

p{颜色：红色；}
这应该是红色的

我建议您使用
类应用包装器元素。假设您不能将
类
分配给任何元素，或者说您被限制更改DOM，您所能做的就是使用前面提到的特定选择器，尽管我肯定会考虑范围CSS是否适合您的用例。@Quantastical，这样只要用户启用了JS，所有浏览器都能与
scoped
属性兼容？我想大多数时候我都能找到/使用一个特定的选择器，我只是好奇这个选择器的功能是的，这是polyfills的关键…为不兼容的浏览器提供额外的功能，是的，需要启用JS。我从来没有使用过它，也从来没有对范围CSS的需要。在与第三方或其他方共享代码块时，我可以看到一些潜在的用途，但这些实例非常罕见。我还从未见过任何禁用JS的人类用户浏览互联网（尽管可以这样做）。如果你想避免使用JS，只需编写
article>section:last child>p
作为选择器。。。