將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類的所有內容。