为一个div元素重置多个css样式

我的问题是，是否可以为单个div和该div中包含的所有元素重置css样式（很多它们）。

我问，因为我发现这个教程是一个jquery shoutbox，它有自己的css文件。 我不能只将样式复制到我自己的css文件中，因为它会将已经设置样式的页面上的其余部分搞定。

我想过使用divwrapper并将所有这些重置仅应用于那个。 我只是不确定是否可能

我只知道这种方式

#divwrapper td{ set styles } @CHARSET "UTF-8"; /******* GENERAL RESET *******/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; font-family:inherit; font-size: 100%; font-style:inherit; font-weight:inherit; margin:0pt; padding:0pt; vertical-align:baseline; } 

谢谢，理查德

Answer 1

试试这个：

 div.foo, div.foo * { // your styles } 

这将使用类“foo”及其所有后代将样式应用于div 。 星号（ * ）被称为通用选择器 ，毫不奇怪，选择任何类型的元素。

或者对于直系孩子：

 div.foo, div.foo > * { // your styles } 

Answer 2

如果可行的话，你可以把所有内容都放在iframe中“重置”。 iframe内容不会inheritance任何内容。

Answer 3

如前所述@Noldorin，您需要一个选择器，使用通用选择器选择所有后代（或子项）。

有关选择器的更多信息，请查看W3C的文档。 CSS2选择器信息在这里

示例代码（我选择使用ID而不是类的选择器）来说明：

        
With Descendant Reset Style
 
 
Red
 
GreenBlue
 
 
With Child Reset Style
 
 
Red
 
GreenBlue
 
 
Without Reset Style
 
 
Red
 
GreenBlue