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

0 vote384 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
0 vote300 views2 answers
Css animation not working
CSS
0 vote398 views2 answers
Materialize css for react
CSS Materialize
4 votes317 views1 answer
Make border to div
CSS
2 votes319 views1 answer
How to use bulma in gatsby
CSS
0 vote333 views2 answers
Css background image is not show change default picture
CSS
0 vote283 views2 answers
Split pane border css ionic
CSS
11 votes279 views3 answers
Round button css
CSS
0 vote332 views1 answer
Rel="noopener noreferrer
CSS
0 vote313 views1 answer
Colored link button style
CSS