syntax-tree
diff --git a/‎lib/pseudo.js‎
Lines changed: 11 additions & 0 deletions b/‎lib/pseudo.js‎
Lines changed: 11 additions & 0 deletions
diff --git a/‎readme.md‎
Lines changed: 1 addition & 1 deletion b/‎readme.md‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎test/matches.js‎
Lines changed: 21 additions & 2 deletions b/‎test/matches.js‎
Lines changed: 21 additions & 2 deletions
@@ -27,6 +27,7 @@ var anything = require('./any')
 var handle = zwitch('name')
 var handlers = handle.handlers
 
+var roots = {html: 'html', svg: 'svg'}
 var disableable = [
   'button',
   'input',
@@ -63,6 +64,7 @@ handlers['only-child'] = onlyChild
 handlers['only-of-type'] = onlyOfType
 handlers.optional = not(required)
 handlers.required = required
+handlers.root = root
 
 function match(query, node, index, parent, state) {
   var pseudos = query.pseudos
@@ -111,6 +113,15 @@ function required(query, node) {
   return is(node, requirable) && has(node, 'required')
 }
 
+function root(query, node, index, parent, state) {
+  var space = state.schema.space
+  return (
+    space in roots &&
+    node.tagName === roots[space] &&
+    (!parent || parent.type === 'root')
+  )
+}
+
 function empty(query, node) {
   return !someChildren(node, check)
 
 
@@ -176,6 +176,7 @@ Yields:
 *   [x] `:enabled` (pseudo-class)
 *   [x] `:optional` (pseudo-class)
 *   [x] `:required` (pseudo-class)
+*   [x] `:root` (pseudo-class)
 *   [x] `article p` (combinator: descendant selector)
 *   [x] `article > p` (combinator: child selector)
 *   [x] `h1 + p` (combinator: adjacent sibling selector)
@@ -221,7 +222,6 @@ Yields:
 *   [ ] † `:playing` (pseudo-class)
 *   [ ] § `:read-only` (pseudo-class)
 *   [ ] § `:read-write` (pseudo-class)
-*   [ ] § `:root` (pseudo-class)
 *   [ ] § `:scope` (pseudo-class)
 *   [ ] † `:user-error` (pseudo-class)
 *   [ ] † `:user-invalid` (pseudo-class)
 
@@ -3,6 +3,7 @@
 var test = require('tape')
 var u = require('unist-builder')
 var h = require('hastscript')
+var s = require('hastscript/svg')
 var matches = require('..').matches
 
 test('select.matches()', function(t) {
@@ -85,10 +86,10 @@ test('select.matches()', function(t) {
   t.test('parent-sensitive pseudo-selectors', function(st) {
     ;[
       'first-child',
-      'last-child',
-      'only-child',
       'first-of-type',
+      'last-child',
       'last-of-type',
+      'only-child',
       'only-of-type'
     ].forEach(function(pseudo) {
       st.throws(
@@ -899,6 +900,24 @@ test('select.matches()', function(t) {
       sst.end()
     })
 
+    st.test(':root', function(sst) {
+      sst.ok(matches(':root', h('html')), 'true if `<html>` in HTML space')
+
+      sst.notOk(
+        matches(':root', h('div')),
+        'false if not `<html>` in HTML space'
+      )
+
+      sst.ok(matches(':root', s('svg'), 'svg'), 'true if `<svg>` in SVG space')
+
+      sst.notOk(
+        matches(':root', s('circle'), 'svg'),
+        'false if not `<svg>` in SVG space'
+      )
+
+      sst.end()
+    })
+
     st.end()
   })