html - 具有基本 css 类的多种变体(即 h1、h2、p)

标签 html wordpress css

我有一个为我的 WordPress 主题首页创建的静态页面,现在我想添加一个自定义博客。我希望博客有点不同,有不同的标题、段落属性等。我是否可以添加一个额外的名称来区分首页类和博客类,以便我可以使用它们?

例如:

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p {
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

看起来像这样:

blog html,blog body,blog div,blog span,blog applet,blog object,blog iframe,blog h1,blog h2,blog h3,blog h4,blog h5,blog h6,blog p {
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

比调用它时我会这样做?

<blog h1>This is heading 1</blog h1>

或者在这种情况下我需要像普通类一样调用它吗?因此:

<div class="blog h1">This is a test</div>

最佳答案

最好的方法之一是使用 blog 作为 ID,然后定义您的类:

#blog .h1{
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

<div id="blog" class="h1">This is a test</div>

关于html - 具有基本 css 类的多种变体(即 h1、h2、p),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20171726/

相关文章:

css - 我的 CSS 不适用于 Opera

mysql - 关于 EC2+MySQL 与 RDS for Wordpress

javascript - 如何识别单个元素的位置?

jquery - 更改链接颜色

html - 如何减少日期选择器中文本输入的大小?

html - 在 HTML 中使用 SVG 创建一个底边和高度为 100px 的等边三角形

javascript - 如何创建带有 knockout 绑定(bind)的自定义滚动条 (jScrollPane)?

CSS - 无法覆盖 WordPress 的 'Continue Reading' 文本的样式

html - Bootstrap nav-fixed-top 在页面缩小时覆盖文本

javascript - 如何连续播放视频而没有间隙