I want to style all p tags orange except if it contains a given data-role. Here's what I've tried.
<!DOCTYPE html>
<html>
<head>
<style>
p:not([role="not-orange"]) {
color: orange;
}
</style>
</head>
<body>
<p>This should be orange.</p>
<p data-role="not-orange" >Shouln't be orange orange</p>
</body>
</html>
This one has me stumped. Thanks.