<body>
<nav>
<ul>
<li> <a href="#"> lorem </li>
<li> <a href="#"> lorem </li>
</ul>
</nav>
<div>
<p>ot only five centuries, but also the leap into electronic typesetting, remaining essentially
<a href ="#"> lorem </a></p>
</div>
<div>
<p>ot only five centuries, but also the leap into electronic typesetting, remaining essentially
<a href ="#"> lorem </a></p>
</div>
<div>
<p>ot only five centuries, but also the leap into electronic typesetting, remaining essentially
<a href ="#"> lorem </a></p>
</div>
i want to select and style all the anchor tag but only below the nav bar is it possible in htmt/css jquery or javascript
The example here matches all a tags except the selectors specified inside the not selector.
a:not(nav a) {
background-color: orange;
}