Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<style>
 div { background: black; width: 100px; height:100px; margin-bottom: 10px }
 #d4, div:has(:is(:has(:foo))) { background: blue }
 #d5, div:has(:is(:has(div))) { background: blue }
</style>
</head>
<body>
 <ol>
   <li>Both selectors are valid; although :has(:foo) and nested :has() are invalid, the forgiving nature of :is() means it's ignored.</li>
   <li>The first selector is valid, because the inner :has() is invalid so it's ignored. The second is invalid; it's a nested :has()</li>
   <li>Both selectors are invalid; there's a nested :has()</li>
 </ol>
 <div id="d4"></div>
 <div id="d5"></div>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
faceless2pro
0viewers