javascript - 从所有内容中删除 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 都属于该选择器。