GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — wpt/css/selectors/featureless-005.html at master · web-platform-tests/wpt

Expand file tree

/

featureless-005.html

Copy path
More file actions
More file actions

Latest commit

 

History

History
History
30 lines (28 loc) · 856 Bytes
/

featureless-005.html

Copy path

File metadata and controls

30 lines (28 loc) · 856 Bytes
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!doctype html>
<meta charset="utf-8">
<title>:has() works on featureless elements *if* the rest of the selector does too</title>
<link rel="help" href="https://drafts.csswg.org/selectors-4/#featureless">
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div class=host>
<template shadowrootmode="open">
<style>
div {
width: 100px;
height: 50px;
}
.red { background-color: red; }
.green { background-color: green; }
:host:has(.t1) .t1 {
background-color: green;
}
:has(.t2) .t2 {
background-color: red;
}
</style>
<div class="red t1"></div>
<div class="green t2"></div>
<slot></slot>
</template>
<section></section>
</div>
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.