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

Question

div#id_div_allposts {   
    width: 100%;    
}

div.class_div_post {
    width: 100%;
}

div.class_div_editdelete {
    width: 100%;
}

Как я могу написать это в одну строку?

И как выбрать HTML-тег с идентификатором и классом?

Answer 1

Все, что вам нужно сделать, это разделить их запятой, например,

div#id_div_allposts,
div.class_div_post,
div.class_div_editdelete {
    width:100%;
}

Answer 2

div#id_div_allposts, div.class_div_post, div.class_div_editdelete {
    width: 100%;
}

Вы можете сгруппировать несколько селекторов в CSS через запятую.

Примечание: Запятая запускает совершенно новый селектор с самого начала.

Answer 3

Используйте запятую для разделения нескольких объявлений

div#id_div_allposts, div.class_div_post, div.class_div_editdelete {
    width: 100%;
}

Выбор тега html с помощью id и класса будет

div#ID.class

Answer 4

Попробуйте это:

div#id_div_allposts, div.class_div_post, div.class_div_editdelete {
    width: 100%;
}

или если вы хотите, чтобы все div имели ширину 100%, тогда ...

div{
    width: 100%;
}