css 相同父级能不能合并的？

Question

            #cointossing .left-container{
                width: 100%;
            }

            #cointossing .right-container{
                width: 100%;
            }

请问这种形式的css能不能合并写

Answer 1

#cointossing [class*='-container']{
    width: 100%;
}

Answer 2

.left-container, .right-container {
    width：100%；
}

Answer 3

#cointossing .left-container, #cointossing .right-container{
    width: 100%;
}

Answer 4

也许你可以试试sass或者less,
可以写成这样

#cointossing {
 .left-container {
                width: 100%;
            }
 .right-container {
                width: 100%;
            }
}