html - 将 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。