Question

我正在使用名为KALLYAS的Wordpress主题，而我在将CSS添加到特定类时遇到问题。此主题使用多个短代码。因此，假设我想在主页上的灰色区域添加带CSS的背景不影响任何其他页面上的灰色区域。我还将如何将CSS添加到特定页面上的短代码中？我猜它是一样的。

Answer 1

如果您希望CSS只显示在一个页面上，则需要对其进行范围调整。从该页面上的父级中获取一个唯一的类或ID，并将其放在您的css选择器前面。

实施例

.uniqueClass .greyarea { color:#ccc }

Answer 2

这很有效，因为如果您注意到主题预览中的代码，它会说：

<body class="**home** page page-id-17 page-template-default res1170" data-twttr-rendered="true">

如果您使用其中任何一个，它也会起作用：

.page-id-17 .greyarea { color:#ccc }

.home.page-id-17 .greyarea { color:#ccc }