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