在某些页面中选择相同的类

Question

我只需要使用CSS在我的某些页面中选择targetDiv类。

我目前正在使用以下内容，有没有办法将这个CSS编写得更短？

.page-id-1 .targetDiv, .page-id-3 .targetDiv, .page-id-5 .targetDiv, .page-id-7 .targetDiv 
{ display:none;}

Answer 1

您可以在这些页面之间使用公共类，除非HTML标记保持不变，否则没有别的办法。

另外，如果您使用的是SCSS，可以这样写：

.page-id-1, .page-id-3, .page-id-5, .page-id-7 {
  .targetDiv {
    display: none;
  }
}