[data-attr\|=value] [data-attr\|=value i] | ✅ |
| Attribute selector, Partial match | `[data-attr*=value]` `[data-attr*=value i]` | ✅ |
| Attribute selector, Forward match | `[data-attr^=value]` `[data-attr^=value i]` | ✅ |
| Attribute selector, Backward match | `[data-attr$=value]` `[data-attr$=value i]` | ✅ |
| Negation pseudo-class | `:not(div)` | ✅ |
| Matches-Any pseudo-class | `:is(div)` | ✅ |
| Specificity-adjustment pseudo-class | `:where(div)` | ✅ |
| Relational pseudo-class | `:has(div)` `:has(> div)` `:has(+ div)` `:has(~ div)` | ✅ |
| Directionality pseudo-class | `:dir(ltr)` | ❌ |
| Language pseudo-class | `:lang(en)` | ❌ |
| Hyperlink pseudo-class | `:any-link` | ❌ |
| Link History pseudo-class | `:link` `:visited` | ❌ |
| Local link pseudo-class | `:local-link` | ❌ |
| Target pseudo-class | `:target` | ❌ |
| Target container pseudo-class | `:target-within` | ❌ |
| Reference element pseudo-class | `:scope` | ✅ |
| Current-element pseudo-class | `:current` `:current(div)` | ❌ |
| Past pseudo-class | `:past` | ❌ |
| Future pseudo-class | `:future` | ❌ |
| Interactive pseudo-class | `:active` `:hover` `:focus` `:focus-within` `:focus-visible` | ❌ |
| Enable and disable pseudo-class | `:enable` `:disable` | ❌ |
| Mutability pseudo-class | `:read-write` `:read-only` | ❌ |
| Placeholder-shown pseudo-class | `:placeholder-shown` | ❌ |
| Default-option pseudo-class | `:default` | ❌ |
| Selected-option pseudo-class | `:checked` | ❌ |
| Indeterminate value pseudo-class | `:indeterminate` | ❌ |
| Validity pseudo-class | `:valid` `:invalid` | ❌ |
| Range pseudo-class | `:in-range` `:out-of-range` | ❌ |
| Optionality pseudo-class | `:required` `:optional` | ❌ |
| Empty-Value pseudo-class | `:blank` | ❌ |
| User-interaction pseudo-class | `:user-invalid` | ❌ |
| Root pseudo-class | `:root` | ✅ |
| Empty pseudo-class | `:empty` | ❌ |
| Nth-child pseudo-class | `:nth-child(2)` `:nth-last-child(2)` `:first-child` `:last-child` `:only-child` | ❌ |
| Nth-child pseudo-class (`of El` Syntax) | `:nth-child(2 of div)` `:nth-last-child(2 of div)` | ❌ |
| Nth-of-type pseudo-class | `:nth-of-type(2)` `:nth-last-of-type(2)` `:first-of-type` `:last-of-type` `:only-of-type` | ❌ |
| Nth-col pseudo-class | `:nth-col(2)` `:nth-last-col(2)` | ❌ |
| Pseudo elements | `::before` `::after` | ❌ |
| Descendant combinator | `div span` | ✅ |
| Child combinator | `div > span` (`:has(> span)`) | ✅ |
| Next-sibling combinator | `div + span` (`:has(+ span)`) | ✅ |
| Subsequent-sibling combinator | `div ~ span` (`:has(~ span)`) | ✅ |
| Column combinator | div \|\| span | ❌ |
| Multiple selectors | `div, span` | ✅ |
## Case sensitivity
Per HTML LS / Selectors Level 4 — Case sensitivity, names are matched
according to the element's namespace:
| Match target | HTML namespace | SVG / MathML / custom elements |
| --------------- | --------------------------------------------------------------------------------------------------------- | ----------------------------------------------- |
| Tag name | ASCII case-insensitive (`DIV` matches `div`) | Case-sensitive |
| Attribute name | ASCII case-insensitive (`[CHARSET]` matches `` and ``) | Case-sensitive (e.g. SVG `viewBox` ≠ `viewbox`) |
| Attribute value | Case-sensitive by default; use the `i` flag (e.g. `[lang="en" i]`) for case-insensitive value comparisons | Same |
The `i` flag scopes to attribute **values** only — it does not affect
attribute name matching, which is governed by the namespace rules above.
## Extended Selector
The below is selectors that are extended by markuplint:
| Selector Type | Code Example |
| -------------------------- | --------------------- |
| ARIA pseudo-class | `:aria(has name)` |
| ARIA Role pseudo-class | `:role(heading)` |
| Content Model pseudo-class | `:model(interactive)` |
### ARIA pseudo-class
```
:aria(syntax)
```
| Syntax | Example | Description |
| ------------- | -------------------- | ---------------------------------------------- |
| `has name` | `:aria(has name)` | Matches the element has accessible name |
| `has no name` | `:aria(has no name)` | Matches the element has **no** accessible name |
### ARIA Role pseudo-class
```
:role(roleName)
:role(roleName|version)
```
For example, `:role(button)` matches `