为简洁起见,优化CSS选择器

时间:2014-03-25 14:47:03

标签: css

#page-447 .entry-title, #page-447 .entry-header,
#page-1236 .entry-title, #page-1236 .entry-header,
#page-995 .entry-title, #page-995 .entry-header,
#page-136 .entry-title, #page-136 .entry-header,
#page-1425 .entry-title, #page-1425 .entry-header {
    display: none;
}

为简洁起见,有没有办法改进上述内容?随着越来越多的页面被添加,选择器列表将变得更长。

更新

感谢迄今为止的回复。我应该提供更多信息:

不幸的是,这是生成的代码,因此除了通过JavaScript之外,我无法向各个页面添加类。我想首先看一下在走这条路线之前是否有一个CSS选择器解决方案。

2 个答案:

答案 0 :(得分:0)

这个怎么样:

.entry-title, .entry-header {
    display: none;
}

您可以在应隐藏元素的页面中添加一个类:

.hidden .entry-title, .hidden .entry-header {
    display: none;
}

答案 1 :(得分:0)

不要向选择器添加页面,将类​​作为标志添加到这些元素中。