Question

我有一个为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>

Answer 1

最好的方法之一是使用博客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>

Answer 2

1）如果它们是不同的页面（因为我怀疑由于不同的“身体”样式）你不能简单地使用完全独立的CSS文件（一个用于“前页”，一个用于“博客页面”？

2）如果您更喜欢与您建议的语法类似的语法，请注意选择器如“.blog span”表示“span类型的元素，即BLOG容器的后代” 请注意“点”

.blog span {border:...}

<div class="blog">
<span>hello</span>
</div>

有多种基本css类（I.E h1，h2，p）

2 个答案: