Selector Surgeon
High precision CSS selections!
High precision CSS selections!
<!DOCTYPE html>
<html lang="en-ca">
<head>
<meta charset="utf-8">
<title>…</title>
</head>
<body>
<h1>…</h1>
</body>
</html>
<body>
<header>
<h1>…</h1>
</header>
<main>
⋮
</main>
<footer>
<p>…</p>
</footer>
</body>
<body>
<nav>
<ul>
⋮
</ul>
</nav>
<main>
<ul>
⋮
</ul>
</main>
</body>
<body>
<header>
<img class="logo" src="logo.svg" alt="…">
<img class="sponsor" src="sponsor.svg" alt="…">
</header>
<img src="background.svg" alt="…">
</body>
<body>
<h2>…</h2>
<p>…</p>
<p>…</p>
<h3>…</h3>
<p>…</p>
<aside>
<h2>…</h2>
<p>…</p>
</aside>
</body>
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
<ul>
<li>
<ol>
<li>…</li>
<li>…</li>
</ol>
</li>
<li>
<ol>
<li>…</li>
<li>…</li>
</ol>
</li>
</ul>
<a href="…" rel="external">…</a>
<a href="…" rel="license">…</a>
<a href="…" rel="external">…</a>
<a href="…" rel="me">…</a>
<a href="…" rel="muse">…</a>
<ul class="first">
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
</ul>
<ul class="second">
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
</ul>
<ul class="first">
<li>…</li>
<li>…</li>
</ul>
<ul class="second">
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
</ul>