Is there a way to specifically target the <div class="widget-area"> element only when it is preceded by a
<div class="store-content">This is how the HTML structure looks:
<!--Store Content Div-->
<div id="content" role="main" class="store-content twentythirteen">...</div>
<div id="tertiary" class="sidebar-container" role="complementary">
<div class="sidebar-inner">
<!--Widget Area Div-->
<div class="widget-area">
</div>
</div>
</div>
I attempted this code snippet:
.store-content ~ .widget-area {
}
Unfortunately, this didn't work as expected for selecting the .widget-area element.