Правило Css для выбора дочерних элементов одного элемента

Question

Как я мог бы проще написать

#test div, #test span{
    ....
}

есть что-то вроде?

#test [div span]{
    ....
}

(редактировать: или это?

#test{
    div span{
        ....
    }
 }

нет?не извините)

Answer 1

Вы можете использовать препроцессор CSS (например, LESS, SASS или другой) и организовывать свой CSS более структурированным образом, что-то вроде

#test {
    div  { ... }
    span { ... }
}

и, если вас совсем не интересует поддержка Internet Explorer или Opera, вы можете использовать :any() селектор, например,

#test :-moz-any(div, span),
#test :-webkit-any(div, span) {
   ...
}

См. Также https://developer.mozilla.org/en/CSS/%3A-moz-any

Другая возможность - применить определенный класс ко всем интересующим вас вложенным элементам и нацелить их на

.

#test .specificclass { ... }

Answer 2

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

#test * {color: green;}