只要你的主题是以“正常”的方式设置的,这就相当容易了。
让我们以214的标记为例。当前查看的页面类型会在<body>
. 因此,对于头版博客(几篇文章)<body>
元素包含类“blog”,单个post包含类“single”。(还有“archive”和“page”等类。)
因此,要格式化一篇文章,您需要在css中添加“.single”。
/* css */
.single .post {
/* affects only single posts */
}
.single .post h1 {
/* affects only the <h1> of .single posts */
}
要设置博客页面上帖子列表的格式,请添加。博客
/* css */
.blog .post {
/* this affects only posts on a .blog page */
}
.blog .post h1 {
/* this affects only the <h1> of posts on a .blog page */
}
所以请继续使用DevTools,但看看
<body>
要素