本问题已经有最佳答案,请猛点这里访问。
Possible Duplicate:
How do I prevent CSS inheritance?
有没有办法声明元素的CSS属性,使其不会影响其任何子元素,或者有没有办法声明元素的CSS以仅实现指定的样式,而不继承为其父元素声明的任何样式?
一个简单的例子
HTML:
Content of the paragraph
Content of the span
CSS:
form div {
font-size: 12px;
font-weight: bold;
}
div.content {
/* Can anything go here? */
}
通常情况下,文本块"段落内容"和"跨度内容"都将为12px和粗体。
是否在上述CSS的" div.content"块中包含一个属性,以防止其继承" #container form div"块中的声明,从而将样式限制为仅"段落内容"和"范围的内容",包括其他任何孩子div?
如果您想知道为什么,那么我创建了一个特定的CSS文件,该文件为项目中的所有表单赋予了特殊的感觉,而该表单下的div都继承了该感觉。没问题。但是在表单中,我想使用Flexigrid,但是flexigrid继承了样式,看起来毫无用处。如果我在表单之外使用flexigrid,并且这样它不会继承表单CSS,那么它看起来很棒。