How can we target the deepest inner child using CSS selectors? Take a look at the example below:
<div class='d1 view'>
<div class='d2 view'>
<div class='d3 view'></div>
</div>
<div class='d4 view'>
<div class='d5 view'>
<div class='d6 view'></div>
</div>
</div>
</div>
The classes d1-d6 are used for illustration purposes only.
Now, the goal is to select d3 and d6. Keep in mind that the number of children can be infinite. So, is there a way to target the deepest child using CSS selectors?
I have created a JSFiddle example using jQuery