- Notifications
You must be signed in to change notification settings - Fork 3.3k
/
Copy pathat-supports-selector-001.html
19 lines (19 loc) · 740 Bytes
/
at-supports-selector-001.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!doctype html>
<title>CSS Conditional Test: @supports selector() with compound selector</title>
<linkrel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
<linkrel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<linkrel="author" href="https://mozilla.org" title="Mozilla">
<linkrel="help" href="https://drafts.csswg.org/css-conditional/#at-supports">
<linkrel="match" href="at-supports-001-ref.html">
<style>
div {
background-color:red;
height:100px;
width:100px;
}
@supports selector(a:link.class#ident) {
div { background: green };
}
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div></div>
