[selectors-4] Swap order of :not() and :something() so that :matches() and :not() are together (since they form a functional pair).

Author: fantasai

selectors-4/Overview.bs

@@ -1112,6 +1112,54 @@ The Matches-any Pseudo-class: '':matches()''</h3>
 		<pre>*|*:matches(*:hover, *:focus) </pre>
 	</div>
 
+
+<h3 id="negation">
+The Negation Pseudo-class: '':not()''</h3>
+
+	The negation pseudo-class, <dfn id='negation-pseudo'>:not()</dfn>,
+	is a functional pseudo-class taking a <a>selector list</a> as an argument.
+	It represents an element that is not represented by its argument.
+
+	Note: In Selectors Level 3,
+	only a single <a>simple selector</a> was allowed as the argument to '':not()''.
+
+	Note: The specificity of the '':not()'' pseudo-class
+	is replaced by the specificity of the most specific selector in its argument;
+	thus it has the exact behavior of '':not(:matches(<var>argument</var>))''.
+	See [[#specificity-rules]].
+
+	Pseudo-elements cannot be represented by the negation pseudo-class;
+	they are not valid within '':not()''.
+
+	<div class="example">
+		For example, the following selector matches all <a element>button</a> elements in an HTML document
+		that are not disabled.
+
+		<pre>button:not(\[DISABLED]) </pre>
+
+		The following selector represents all but FOO elements.
+
+		<pre>*:not(FOO)</pre>
+
+		The following compound selector represents all HTML elements
+		except links.
+
+		<pre>html|*:not(:link):not(:visited)</pre>
+	</div>
+
+	As with '':matches()'',
+	default namespace declarations do not affect the <a>compound selector</a>
+	representing the <a>subject</a> of any selector
+	within a '':not()'' pseudo-class,
+	unless that compound selector contains
+	an explicit <a>universal selector</a> or <a>type selector</a>.
+	(See '':matches()'' for examples.)
+
+	Note: The '':not()'' pseudo-class allows useless selectors to be written.
+	For instance '':not(*|*)'', which represents no element at all,
+	or ''div:not(span)'', which is equivalent to ''div'' but with a higher specificity.
+
+
 <h3 id="zero-matches">
 The Specificity-adjustment Pseudo-class: '':something()''</h3>
 
@@ -1159,51 +1207,6 @@ The Specificity-adjustment Pseudo-class: '':something()''</h3>
 	Note: Future levels of Selectors may introduce an additional argument
 	to explicitly set the specificity of that instance of the pseudo-class.
 
-<h3 id="negation">
-The Negation Pseudo-class: '':not()''</h3>
-
-	The negation pseudo-class, <dfn id='negation-pseudo'>:not()</dfn>,
-	is a functional pseudo-class taking a <a>selector list</a> as an argument.
-	It represents an element that is not represented by its argument.
-
-	Note: In Selectors Level 3,
-	only a single <a>simple selector</a> was allowed as the argument to '':not()''.
-
-	Note: The specificity of the '':not()'' pseudo-class
-	is replaced by the specificity of the most specific selector in its argument;
-	thus it has the exact behavior of '':not(:matches(<var>argument</var>))''.
-	See [[#specificity-rules]].
-
-	Pseudo-elements cannot be represented by the negation pseudo-class;
-	they are not valid within '':not()''.
-
-	<div class="example">
-		For example, the following selector matches all <a element>button</a> elements in an HTML document
-		that are not disabled.
-
-		<pre>button:not(\[DISABLED]) </pre>
-
-		The following selector represents all but FOO elements.
-
-		<pre>*:not(FOO)</pre>
-
-		The following compound selector represents all HTML elements
-		except links.
-
-		<pre>html|*:not(:link):not(:visited)</pre>
-	</div>
-
-	As with '':matches()'',
-	default namespace declarations do not affect the <a>compound selector</a>
-	representing the <a>subject</a> of any selector
-	within a '':not()'' pseudo-class,
-	unless that compound selector contains
-	an explicit <a>universal selector</a> or <a>type selector</a>.
-	(See '':matches()'' for examples.)
-
-	Note: The '':not()'' pseudo-class allows useless selectors to be written.
-	For instance '':not(*|*)'', which represents no element at all,
-	or ''div:not(span)'', which is equivalent to ''div'' but with a higher specificity.
 
 <h3 id='relational'>
 The Relational Pseudo-class: '':has()''</h3>