I've been struggling to target the initial div with the 'section' class in my CSS code. Here's a simplified version of my HTML:
<div id="page_container">
<div></div> // this div has content, but no id or class
<div class="holder"></div> // this div has content
<div class="section"></div> // <<<< trying to select this first 'section' div
<div class="section"></div> // other 'section's should not be selected
<div class="section"></div>
<div class="section"></div>
</div>
In terms of CSS attempts...
#page_container > div > .section:first-child {
...styles here
}
#page_container > div:first-child(.section) {
...styles here
}
#page_container > div > div > .section:first-child {
...styles here
}
...but none seem to work for me.
I might just be drawing a blank, so if anyone could help figure out how to target only the very first 'section' class div, I would greatly appreciate it!