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
80
81
82
83
84

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

	<body>
		<!--
			#__--ID-4
			#__--ID-5
			#__--ID-6
			#__--ID-7
			#__--ID-8
			#__--ID-9
			#__--ID-10
			#__--ID-11
			#__--ID-12
		-->

		<section id="ID-1" class="CLASS-1 CLASS-2 CLASS-3">
			<div id='ID-2' class='CLASS-1'></div>
			<div id=ID-3 class=CLASS-1></div>
			<DIV ID=ID-3 CLASS=CLASS-1></DIV>
			<div id=ID-4 class=CLASS-1 />
		</section>

		<header class="CLASS-1 CLASS-2 CLASS-3"></header>
		<HEADER CLASS="CLASS-1 CLASS-2 CLASS-3"></HEADER>

		<div aria-controls="ID-1 ID-2"></div>
		<div aria-describedby="ID-1"></div>
		<div ARIA-DESCRIBEDBY="ID-1"></div>
		<div aria-labelledby="ID-1"></div>
		<div ARIA-LABELLEDBY="ID-1"></div>
		<form id="ID-5">
			<input form="ID-5" id="ID-6">
			<label for="ID-6" itemref="ID-6 ID-7"></label>
			<input form="ID-5" id="ID-7" list="ID-8"></input>
			<datalist id="ID-8"></datalist>
		</form>
		<form ID="ID-9">
			<input FORM="ID-10" ID="ID-11">
			<label FOR="ID-11" ITEMREF="ID-11 ID-12"></label>
			<input FORM="ID-10" ID="ID-12" LIST="ID-2"></input>
			<datalist ID="ID-2"></datalist>
		</form>

		<div
			class="
				CLASS-1 CLASS-2
				CLASS-3 CLASS-4
			">
		</div>

		<table>
			<tbody>
				<tbody>
					<tr>
						<th id="ID-3"></th>
						<td headers="ID-3"></td>
					</tr>
					<TR>
						<TH ID="ID-4"></TH>
						<TD HEADERS="ID-4"></TD>
					</TR>
				</tbody>
			</tbody>
		</table>

		<a href="#ID-1"></a>
		<a href="/#ID-1"></a>

		<div style="mask-image: url(foo.svg#ID-2)"></div>
		<div style="mask-image: url('foo.svg#ID-3')"></div>
		<div style="mask-image: url('foo.svg#__ignore--foo')"></div>
		<svg class="CLASS-1" aria-hidden="true"><use xlink:href="#ID-1"></use></svg>

		<!-- JS in event attributes -->
		<button onclick="((el) => { setTimeout(() => { if (el.classList.contains('CLASS-1')) { el.classList.add('CLASS-2'); el.classList.remove('CLASS-1'); } }, 3000) })(document.querySelector('.CLASS-3.CLASS-4'))"></button>
		<div class="CLASS-1" onclick="(() => this.classList.toggle('CLASS-2'))()">
	</body>
</html>