对多个页面进行 CSS 更改:合并代码

Question

在我的Wordpress网站上，我想只在某些页面上缩小特色图像。

因此，我可以为要更改的每个页面重复代码。这行得通，但有点乱。

.page-id-8 .page-header.has-featured-image {
    padding: 2rem 3.75rem;
}
.page-id-1018 .page-header.has-featured-image {
    padding: 2rem 3.75rem;
}

如何组合此代码？谢谢！

Answer 1

.page-id-8 .page-header.has-featured-image,
.page-id-1018 .page-header.has-featured-image {
    padding: 2rem 3.75rem;
}

这些是生成的类/代码吗？

你可以使用

.page-header.has-featured-image{
padding: 2rem 3.75rem;
}