direct descendant css code example

Example 1: direct child css

selector>direct_child_element_seletor{
  rules;
}

Example 2: css immediate child

.parent>.immediate-child {
  color: red;
}

Example 3: 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; }