700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > HTML怎么不继承父子样式 防止子元素继承父样式的CSS

HTML怎么不继承父子样式 防止子元素继承父样式的CSS

时间:2022-06-27 13:46:41

相关推荐

HTML怎么不继承父子样式 防止子元素继承父样式的CSS

本问题已经有最佳答案,请猛点这里访问。

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,那么它看起来很棒。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。