经过一番谷歌搜索后，我无法找到答案，所以这是我的问题。有没有办法指定应应用整个样式表的特定元素特征（例如 id）？
例如，如果我有一个像这样的 html 块
<html>
<head>
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<div id="my_id">
<!-- A bunch of elements here -->
</div>
</body>
</html>
有没有办法指定其中包含的规则./style.css应该只应用于与 in 匹配的元素#my_id，类似于指定#my_id在样式表中的每个规则之前。
我理解指定#my_id在每个规则实现这一点之前，但我想知道是否有一种方法可以做到这一点，而无需向样式表添加膨胀。
我正在编写一个greasemonkey(userscript) 脚本，该脚本在特定页面上创建一个“容器”元素，在其中创建并放置所需的所有其他GUI 元素。我不希望我的 CSS 干扰页面上的 CSS（例如意外地覆盖页面上已存在的规则），但如果可以避免的话，我不想向我的样式表添加不必要的膨胀，因为所有规则是only应用于“包装器”元素和/或其子元素。
据我所知，这是不可能的。正如您所说，您可以在规则中添加 ID 前缀，但这不是您想要做的。
不过，我应该说，您不必为单个 ID 指定样式表，因为 ID 在页面上下文中应该是唯一的。此外，我发现将相同的 ID 应用于不同页面上具有不同用途的元素是不好的做法，因为它会使编写常见的 JavaScript 页面变得非常混乱。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
