[selectors-4] Minor fixes to specificity examples and fixing typos. #1027

Author: fantasai

selectors-4/Overview.bs

@@ -1122,7 +1122,7 @@ The Matches-Any Pseudo-class: '':is()''</h3>
 	to the equivalent selector written without '':is()''
 	For example, if we have
 	'':is(ul, ol, .list) > [hidden]'' and ''ul > [hidden], ol > [hidden], .list > [hidden]''
-	a ''[hidden]]'' child of an <{ol}> matches the first selector
+	a ''[hidden]'' child of an <{ol}> matches the first selector
 	with a specificity of (0,2,0)
 	whereas it matches the second selector
 	with a specificity of (0,1,1).
@@ -3269,14 +3269,16 @@ Calculating a selector's specificity</h2>
 
 	<ul>
 		<li>
-			The specificity of a '':is'', '':not()'', or '':has()'' pseudo-class
+			The specificity of an '':is()'', '':not()'', or '':has()'' pseudo-class
 			is replaced by the specificity of
-			the most specific complex selector in its selector list argument.
+			the most specific <a>complex selector</a>
+			in its <a>selector list</a> argument.
 		<li>
 			Analogously, the specificity of an '':nth-child()'' or '':nth-last-child()'' selector
 			is the specificity of the pseudo class itself (counting as one pseudo-class selector)
 			plus the specificity of
-			the most specific complex selector in its selector list argument (if any).
+			the most specific <a>complex selector</a>
+			in its <a>selector list</a> argument (if any).
 		<li>
 			The specificity of a '':where()'' pseudo-class is replaced by zero.
 	</ul>
@@ -3287,24 +3289,25 @@ Calculating a selector's specificity</h2>
 			<li>
 				'':is(em, #foo)'' has
 				a specificity of (1,0,0)--
-				like an ID selector--
+				like an ID selector (''#foo'')--
 				when matched against any of
-				<code>&lt;em></code>, <code>&lt;p id=foo></code>, or <code>&lt;em id=foo></code>.
+ 				<code>&lt;em></code>, <code>&lt;p id=foo></code>, or <code>&lt;em id=foo></code>.
 			<li>
-				''div:where(em, #foo#bar#baz)'' has
-				a specificity of (0,0,1):
-				only the ''div'' outside the '':where()''
+				''.qux:where(em, #foo#bar#baz)'' has
+				a specificity of (0,1,0):
+				only the ''.qux'' outside the '':where()''
 				contributes to selector specificity.
 			<li>
 				'':nth-child(even of li, .item)'' has
 				a specificity of (0,2,0)--
-				like a class selector plus a pseudo-class--
+				like a class selector (''.item'') plus a pseudo-class--
 				when matched against any of
-				 <code>&lt;li></code>, <code>&lt;ul class=item></code>, or <code>&lt;li class=item id=foo></code>.
+<code>&lt;li></code>, <code>&lt;ul class=item></code>, or <code>&lt;li class=item id=foo></code>.
 			<li>
-				'':not(em, #foo)'' has
-				a specificity of (1,0,0)--like an ID selector--
-				whenever it matches any element.
+				'':not(em, strong#foo)'' has
+				a specificity of (1,0,1)--
+				like a tag selector (''strong'') combined with an ID selector (''#foo'')--
+				when matched against any element.
 		</ul>
 	</div>