Как настроить селектора CSS?

Question

Может быть вопрос название является немного запутанным, но дать конкретный пример

body.page-status .panel.panel-info .server .dot { 
    font-size: 10px; 
} 

Я также хочу, чтобы это правило применялось для

body.page-status .panel.panel-info .client .dot { 
    font-size:10px; 
} 

Если вы видите близко, единственное различие между 2-селекторов is .server и .client

Могу ли я объединить их в 1 правило как-то?

Благодаря

Answer 1

Используйте comma to group selectors:

body.page-status .panel.panel-info .server .dot, 
body.page-status .panel.panel-info .client .dot { 
    font-size: 10px; 
} 

Если вы использовали CSS препроцессора, как LESS, вы можете использовать:

body.page-status .panel.panel-info { 
    .server, .client { 
    .dot { 
     font-size: 10px; 
    } 
    } 
}