从所有内容中删除CSS文件，但“追加”到某个div

Question

假设我有一个包含CSS文件的文档，该文件适用于文档中的所有元素。 是否可以删除和/或附加此文件，使其仅影响某个div，而不是整个文档？

Answer 1

我假设您有一个包含大量元素的大型div，并且您希望将css文件中包含的许多样式规则仅应用于这些元素，因此使用div id选择器并不是那么简单。

HTML5的一个鲜为人知的功能是 Scoped CSS 。它是样式块的属性。具有scoped属性的样式块将覆盖通常在头部中找到的全局样式（无论是在样式块还是链接样式表中），而是仅覆盖同一父级内的兄弟/后代元素。

http://dev.w3.org/html5/markup/style.html#style.attrs.scoped

http://css-tricks.com/saving-the-day-with-scoped-css/

Answer 2

您可以轻松覆盖css样式

<style type="text/css" rel="stylesheet">
 #id_of_element{
    /* add styles */
}
</style>

Answer 3

不，您无法对DOM中附加css文件的位置执行任何操作，以使其适用于特定的DIV。你可以做什么，是其他已经回答的......给你的div一些id或类（或找到另一种方法来唯一识别它）并确保你所有特定的CSS都属于那个选择器。