css - 是否有可应用于特定类的排版 CSS 重置?

标签 css

是否有可靠的 CSS 排版样板,它在命名空间(即类)下工作,而不是在全局范围内工作?

让我简要解释一下情况:我正在使用 CSS 重置布局,我希望能够将某个类(例如 .content)添加到 div,然后将一些统一的排版规则仅应用于该 div 的元素:

<p>This one's reset</p>
<div class="content">
    <p>This one has typography rules applied</p>
</div>

最佳答案

which would then apply some uniform typography rules to that div's elements only

如果我没理解错的话,如果你想定位 div 中的 every 元素,你只需在样式表中执行此操作

div.content *{
    /* YOUR STYLES */     
}

如果你只想为 div 中的 p 设置样式,那么

div.content p{
    /* YOUR STYLES */     
}

示例: http://jsfiddle.net/8UE2D/

关于css - 是否有可应用于特定类的排版 CSS 重置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7780582/

相关文章:

javascript - 响应式网站的 Scrollorama Parallax

javascript - WkWebview 被 Angular 卡住了

javascript - 将颜色从 CSS 传递到 Javascript

css - 高度和宽度不适用于跨度吗?

javascript - 创建警告框(jQuery、Bootstrap)但它一直消失

javascript - 使用 Angularjs 时更新 shell 页面上的导航 CSS

html - div 中的元素未保持原位

javascript - 是否可以使用 jQuery 添加或更改 CSS 属性?

javascript - 单击事件未在 div 元素上注册 (jQuery/HTML/CSS)

html - 使用 css 宽度/高度值作为 "inherit"时出现问题,同时动态更改父级的尺寸