我有一个带有主要父div标签的网页
<div class="mainDiv">...</div>
其中包含大量子元素。该页面具有一个外部样式表，该样式表主要包含元素选择器而不是类选择器：
例如。
img {...}
代替
.myImgCls {...}
我需要一个样式表，其中包含仅应用于mainDiv div标签的全局（页面）css，以便可以轻松地将mainDiv html以及新样式表注入到任何页面上，而不会干扰新页面的元素选择器。
因此，基本上我正在寻找一种会产生类似以下内容的工具：
.mainDiv img {...}
对于mainDiv中的所有内容。
由于mainDiv中包含大量元素，因此手动进行操作是不可能的。
要进一步详细说明：jplist需要它，它带有标准的jplist.demo-pages.css；但是，该标准jplist.demo-pages.css不仅包含jplist实例的样式，而且主要包含元素选择器，因此，如果我想在页面上直接添加一个标准jplist实例，则必须使用jplist.demo-pages.css这会干扰我页面的原始样式表。
最佳答案
如果您正在寻找一种简单的方法将所有这些元素嵌套在主div中，则可以尝试Sass：
.mainDiv
// Child selectors go here
注意：缩进很重要。