Css select all immediate children

.parent > *

Source: stackoverflow.com

Css apply style to direct children

/*
Use the ">" selector to apply css to direct children of a parent element.
example: https://jsfiddle.net/dbeachnau/54w6x0pj/2/
*/

.parent > .child { color:red; }

Source: jsfiddle.net

Similar codes

22 votes352 views2 answers
React bootstrap carousal not working
CSS
0 vote383 views1 answer
Twig language name
CSS
-2 votes353 views4 answers
Js simulate click on div
CSS
3 votes290 views1 answer
Terraform rds module
CSS
1 vote359 views2 answers
Css scroll y showing scroll bar
CSS
0 vote413 views1 answer
Css get the image to the center and to make it relative to the width of the parent.
CSS
0 vote372 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
0 vote345 views1 answer
How to use class form scss reactjs
CSS
8 votes328 views3 answers
Bootstrap 4 center image
CSS
25 votes345 views4 answers
Remove outline
CSS