Source code
Revision control
Copy as Markdown
Other Tools
<html>
<head>
<title>Test for page style menu</title>
<!-- data-state values:
0: should not appear in the page style menu
1: should appear in the page style menu
2: should appear in the page style menu as the selected stylesheet -->
<style data-state="0">
/* Some default styles to ensure that disabling styles works */
:root { color: lime }
</style>
<link data-state="1" href="style.css" title="1" rel="alternate stylesheet">
<link data-state="0" title="2" rel="alternate stylesheet">
<link data-state="0" href="style.css" rel="alternate stylesheet">
<link data-state="0" href="style.css" title="" rel="alternate stylesheet">
<link data-state="1" href="style.css" title="3" rel="stylesheet alternate">
<link data-state="1" href="style.css" title="4" rel=" alternate stylesheet ">
<link data-state="1" href="style.css" title="5" rel="alternate stylesheet">
<link data-state="2" href="style.css" title="6" rel="stylesheet">
<link data-state="1" href="style.css" title="7" rel="foo stylesheet">
<link data-state="0" href="style.css" title="8" rel="alternate">
<link data-state="1" href="style.css" title="9" rel="alternate STYLEsheet">
<link data-state="1" href="style.css" title="10" rel="alternate stylesheet" media="">
<link data-state="1" href="style.css" title="11" rel="alternate stylesheet" media="all">
<link data-state="1" href="style.css" title="12" rel="alternate stylesheet" media="ALL ">
<link data-state="1" href="style.css" title="13" rel="alternate stylesheet" media="screen">
<link data-state="1" href="style.css" title="14" rel="alternate stylesheet" media=" Screen">
<link data-state="0" href="style.css" title="15" rel="alternate stylesheet" media="screen foo">
<link data-state="0" href="style.css" title="16" rel="alternate stylesheet" media="all screen">
<link data-state="0" href="style.css" title="17" rel="alternate stylesheet" media="foo bar">
<link data-state="1" href="style.css" title="18" rel="alternate stylesheet" media="all,screen">
<link data-state="1" href="style.css" title="19" rel="alternate stylesheet" media="all, screen">
<link data-state="0" href="style.css" title="20" rel="alternate stylesheet" media="all screen">
<link data-state="0" href="style.css" title="21" rel="alternate stylesheet" media="foo">
<link data-state="0" href="style.css" title="22" rel="alternate stylesheet" media="allscreen">
<link data-state="0" href="style.css" title="23" rel="alternate stylesheet" media="_all">
<link data-state="0" href="style.css" title="24" rel="alternate stylesheet" media="not screen">
<link data-state="1" href="style.css" title="25" rel="alternate stylesheet" media="only screen">
<link data-state="1" href="style.css" title="26" rel="alternate stylesheet" media="screen and (min-device-width: 1px)">
<link data-state="0" href="style.css" title="27" rel="alternate stylesheet" media="screen and (max-device-width: 1px)">
<style data-state="1" title="28">:root { color: blue }</style>
<link data-state="1" href="style.css" title="29" rel="alternate stylesheet" disabled>
</head>
<body></body>
</html>