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 */
			.CLASS-4 > .CLASS-5 {}
			@media print {
				.CLASS-6 {}
			}
		</style>

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

	<body id="ID-1">
		<!-- .foo.bar -->
		<!-- class="foo" -->
		<!-- <div class="foo"></div> -->
		<!-- document.querySelector('foo') -->
		<!-- .__--CLASS-1-->

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

		<code class="( CLASS-1 CLASS-2 )">
			/*
			 * 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="ID-2" class="[ CLASS-9 CLASS-10 ] CLASS-11" aria-controls="ID-3">
			&lt;div class="foo"&gt;&lt;/div&gt;
		</code>

		<input class="CLASS-1 a i">

		<script type="text/javascript">
			a.className += 'CLASS-7 CLASS-8';
		</script>
	</body>
</html>

<!--
	#__--ID-1 #__--ID-2
	.__--CLASS-1 .__--CLASS-2
	.__--CLASS-9 .__--CLASS-10 .__--CLASS-11
-->