Combinant sélecteurs CSS avec plusieurs id page de

Comment puis-je combiner:Combinant sélecteurs CSS avec plusieurs id page de

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

avec

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

Je dois préciser environ 9 pages ou pour que tous partagent la classe .mainmenu. J'utilise jQuery mobile et cela ne fonctionne pas sans le sélecteur # page1/2/3/4 etc.

J'apprécie que ce soit une question basique mais je ne trouve pas la réponse.

Source

2013-09-30 OliverJ90

il suffit d'utiliser '.mainmenu {}' et il devrait fonctionner pour toutes les pages quel que soit le 'id' – JFK

Wow, c'est presque trop simple à demander à voix haute. Ceci est CSS de base et très facile à trouver – Martijn

Condescension est enfantine au mieux. FYI ce que vous ne savez pas remplira également la plus grande bibliothèque du monde. – OliverJ90

Ajouter un , entre #page1 .mainmenu et #page2 .mainmenu.

Comme ceci.

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

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

sélectionnera tous avec la classe .mainmenu quelle que soit la page id.

Source

2013-09-30 17:52:09

Bien sûr, la réponse était logique tout au long. Merci JoshC. – OliverJ90

@ OliverJ90 si cela vous a aidé, assurez-vous de le marquer comme «accepté» – kunalbhat

Combinant sélecteurs CSS avec plusieurs id page de

Répondre

Questions connexes