Как объединить несколько выборок?

Question

Как я могу объединить эти два правила в один?

#body_splash{ 
    width: 100%; 
    height: 100%; 
    display: none; 
    opacity: 0; 
} 
#body_main{ 
    width: 100%; 
    height: 100%; 
    display: none; 
    opacity: 0; 
} 

Я попытался

#body_splash #body_main 

и

#body_splash#body_main 

но ни работал

Answer 1

использовать запятые, чтобы отделить их:

#body_splash, 
#body_main { 
    width: 100%; 
    height: 100%; 
    display: none; 
    opacity: 0; 
} 

Answer 2

Seperate несколько селекторов с запятой

#body_splash, #body_main { 
    width: 100%; 
    height: 100%; 
    display: none; 
    opacity: 0; 
} 

Answer 3

Это также будет работать:

div[id^='body_'] 

Предполагая они оба имеют один и тот же тег, как DIV, это выглядит для всех дивы с идентификатором, который начинается с «body_»