将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等选择器，它就无法运行。

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

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%;
}

无论页面.mainmenu如何，都会选择所有课程id。