Looking to target specific divs with a data-role of content that are not nested within a data-role="page" div with the class "modal". Advanced CSS selectors are not my forte.
<div>
<div data-role="page">
<div data-role="content"></div>
</div>
<div data-role="page" class="modal">
<div data-role="content"></div>
</div>
<div data-role="page">
<div data-role="content"></div>
</div>
</div>
Various attempts have been made, but nothing seems to be effective... for instance:
[data-role="content"]:not([data-role="page"].modal > :after)
or
[data-role="content"]:not([data-role="page"].modal > [data-role="content"])