parse_selectors 2.1.2

minify-selectors' API
Documentation 
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>

		<style>
			/* comment about .foo > .bar */
			.j > .k {}
			@media print {
				.l {}
			}
		</style>

		<script>
			/*
			 * comment about foo.bar < foo.baz
			 *
			 * document.classList.add('baz')
			 */
			if (foo.bar < foo.baz) {
				// document.classList.add('baz');
				document.classList.add('g');
			}
		</script>
	</head>

	<body id="a">
		<!-- .foo.bar -->
		<!-- class="foo" -->
		<!-- <div class="foo"></div> -->
		<!-- document.querySelector('foo') -->
		<!-- .a-->

		<code>
			/* comment about .foo > .bar */
			.foo > .bar {}
			@media print {
				.baz {}
			}
		</code>
		<CODE>
			/* comment about .foo > .bar */
			.foo > .bar {}
			@media print {
				.baz {}
			}
		</CODE>

		<code class="( a b )">
			/*
			 * comment about foo.bar < foo.baz
			 *
			 * document.classList.add('baz')
			 */
			if (foo.bar < foo.baz) {
				// document.classList.add('baz');
				document.classList.add('baz');
			}
		</code>

		<code id="b" class="[ c d ] e" aria-controls="c">
			&lt;div class="foo"&gt;&lt;/div&gt;
		</code>

		<input class="a f m">

		<script type="text/javascript">
			a.className += 'h i';
		</script>
	</body>
</html>

<!--
	#a #b
	.a .b
	.c .d .e
-->