将CSS选择器与多个页面ID相结合

Question

如何结合：

#page1 .mainmenu {
    padding: 20px; 
    display: block;
    margin-bottom: 30%;
}

同

#page2 .mainmenu {
    padding: 20px;
    display: block;
    margin-bottom: 30%;
}

我需要指定大约9页左右的页面，以便所有页面都共享.mainmenu类。 我使用的是jQuery mobile，没有＃page1 / 2/3/4 etc选择器就无法使用。

我很欣赏这是一个基本问题，但我找不到答案。

Answer 1

添加,之间#page1 .mainmenu和#page2 .mainmenu 。

像这样。

#page2 .mainmenu, #page1 .mainmenu {
    padding: 20px;
    display: block;
    margin-bottom: 30%;
}

要么

.mainmenu {
    padding: 20px;
    display: block;
    margin-bottom: 30%;
}

不论页面id什么，都将选择.mainmenu类的所有内容。