css - 排除 div 子级以具有全局 css 规则并强制它们从父级继承

标签 css html children

我有这个 CSS 规则: * { 字体:普通 12px puertoHelve,tahoma; }

然后我有这样的 div(子 div 是自动创建的):

<div class="asUserStyle" style="font-weight:bold;text-align:right;font-family:times new roman;font-size:16px;color:#000000;">
    test0
    <div>test1</div>
    <div>test2</div>
</div>

现在只有 test0 应用了样式,其他 div 没有;他们有以前的规则。

在 CSS 方面有什么想法吗?如果不是,jQuery 也许......?

最佳答案

http://jsfiddle.net/R7umu/2/

.asUserStyle div {
    //your other styles
}

编辑:

http://jsfiddle.net/R7umu/3/

所以 div 必须从 .asUserStyle 继承所有定义的样式:

.asUserStyle div {
    margin: inherit;
    color: inherit;
    .....
}

关于css - 排除 div 子级以具有全局 css 规则并强制它们从父级继承,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18172598/

相关文章:

javascript - 检测在 vh JQuery 中滚动的距离

html - 为什么当子元素字体大小增加时容器会上升?

javascript - 更改页面间隔的正文背景

python - 当 <tr> 有 rowspan 时我该怎么办

jquery - 为 div 中的所有 imgs 赋予属性

javascript - Jquery click - 认为它是父元素,而不是子元素

html - 如何让div垂直居中?

python - html 中的重定向失败

javascript - Vue.js |在动态构建的数组中创建新的键+值($ajax)

悬停图像灰度 + <p> 仅在悬停时可见