如何更改此CSS,使其仅适用于某个div?

如何更改此CSS,使其仅适用于某个div?,css,Css,我有以下CSS: 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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,le

我有以下CSS:

    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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
body
{
    line-height: 1;
}
ol,ul
{
    list-style: none;
}
blockquote,q
{
    quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after
{
    content: '';
    content: none;
}
:focus
{
    outline: 0;
}
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
如何更改它,使其仅适用于名为
header
的div和其中的元素

#header html, #header body, #header div, #header span, #header applet, #header object, #header iframe ... etc etc.
正如beejamin所指出的,您需要精简CSS,对于没有html标记或body标记等的div来说,这是过分的

---------更新

 #header, #header div, #header span, #header applet, #header object, #header iframe, #header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header p, #header blockquote, #header pre, #header a, #header abbr, #header acronym, #header address, #header big, #header cite, #header code, #header del, #header dfn, #header em, #header font, #header img, #header ins, #header kbd, #header q, #header s, #header samp, #header small, #header strike, #header strong, #header sub, #header sup, #header tt, #header var, #header b, #header u, #header i, #header center, #header dl, #header dt, #header dd, #header ol, #header ul, #header li, #header fieldset, #header form, #header label, #header legend, #header table, #header caption, #header tbody, #header tfoot, #header thead, #header tr, #header th #header , #header td
{
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
#header 
{
    line-height: 1;
}
#header ol,#header ul
{
    list-style: none;
}
#header blockquote,#header q
{
    quotes: none;
}
#header blockquote:before,#header blockquote:after,#header q:before,#header q:after
{
    content: '';
    content: none;
}
#header:focus
{
    outline: 0;
}
#header ins
{
    text-decoration: none;
}
#header del
{
    text-decoration: line-through;
}
#header table
{
    border-collapse: collapse;
    border-spacing: 0;
}
由于CSS的大量更改,一个更简单的解决方案可能是将标题放在单独的html中,并使用对象或iframe将其放在页面上

在一个小得多的范围内,我在我的网站的下拉菜单栏上使用这种风格的选择器——它们与IE6一起工作

虽然可选的子选择器也可以与IE6一起工作

#header > div ...
    {
        background: transparent;
        border: 0;
        font-size: 100%;
        margin: 0;
        outline: 0;
        padding: 0;
        vertical-align: baseline;
    }

只会在id=header div中深入一层。

这是一批重置样式,旨在规范浏览器之间的样式。您的意思是想“重置”div#header中所有内容的样式,但不处理其他所有内容?如果这是正确的,你在这里的风格将是矫枉过正…请返回并编辑你的问题,以正确格式的代码。现在它的格式非常糟糕,而且它是如此的混乱,我试图纠正它太耗时了。如果你需要帮助,你至少应该努力使它清晰易读。