Blitz - WPT: has-style-sharing-pseudo-006.html

wpt / css / selectors / has-style-sharing-pseudo-006.html

/css/selectors/has-style-sharing-pseudo-006.html

<!DOCTYPE html>
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/selectors-4/#relational">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1876962">
<link rel="match" href="has-style-sharing-pseudo-006-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<meta name="assert" content="Ensure that style sharing optimizations do not interfere with :has() selector matching.">
<style>
div {
  width: 20px;
  height: 20px;
}

.cousin:has(> span)::after {
  font: 15px/1 Ahem;
  content: 'x';
}
</style>
<div><div class="cousin"></div></div>
<div><div class="cousin"><span></span></div></div>

/css/selectors/has-style-sharing-pseudo-006-ref.html

<!DOCTYPE html>
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/selectors-4/#relational">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1876962">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<meta name="assert" content="Ensure that style sharing optimizations do not interfere with :has() selector matching.">
<style>
div {
  width: 20px;
  height: 20px;
}

.after::after {
  font: 15px/1 Ahem;
  content: "x";
}
</style>
<div><div></div></div>
<div><div class="after"><span></span></div></div>