mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-12 22:28:59 +02:00
--HG-- rename : browser/devtools/styleinspector/test/browser_ruleview_pseudo-element.js => browser/devtools/styleinspector/test/browser_ruleview_pseudo-element_01.js
31 lines
No EOL
654 B
HTML
31 lines
No EOL
654 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Anonymous content test</title>
|
|
<style type="text/css">
|
|
#pseudo::before {
|
|
content: "before";
|
|
}
|
|
#pseudo::after {
|
|
content: "after";
|
|
}
|
|
#shadow::before {
|
|
content: "Testing ::before on a shadow host";
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="pseudo"><span>middle</span></div>
|
|
|
|
<div id="shadow">light dom</div>
|
|
|
|
<script>
|
|
var host = document.querySelector('#shadow');
|
|
if (host.createShadowRoot) {
|
|
var root = host.createShadowRoot();
|
|
root.innerHTML = '<h3>Shadow DOM</h3><select multiple></select>';
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |