regex101: Simple CSS selectors

1st Alternative[#.][-_]?[_a-zA-Z]+(?:\w|\\.)*

Character Class[#.]

#the literal # (35₁₀ / 43₈ / 23₁₆)

.the literal . (46₁₀ / 56₈ / 2E₁₆)

Character Class[-_]?

?matches at most one character from the set below:

-the literal - (45₁₀ / 55₈ / 2D₁₆)

_the literal _ (95₁₀ / 137₈ / 5F₁₆)

Character Class[_a-zA-Z]+

+matches at least one character from the set below:

_the literal _ (95₁₀ / 137₈ / 5F₁₆)

a-zone character from a (97₁₀) to z (122₁₀) (case sensitive)

A-Zone character from A (65₁₀) to Z (90₁₀) (case sensitive)

Non-Capturing Group(?:\w|\\.)*

*repeats the group contents below any number of times:

1st Alternative\w

\wany word character

2nd Alternative\\.

\\the literal \ (92₁₀ / 134₈ / 5C₁₆)

.any character (except for line terminators)

2nd Alternative(?<=\s+|^)(?:\w+|\*)

Positive Lookbehind(?<=\s+|^)

1st Alternative\s+

\s+any whitespace character, repeated at least once

2nd Alternative^

^start of line

Non-Capturing Group(?:\w+|\*)

1st Alternative\w+

\w+any word character, repeated at least once

2nd Alternative\*

\*the literal * (42₁₀ / 52₈ / 2A₁₆)

3rd Alternative\[[^\s"'=<>`]+?(?<![~|^$*])([~|^$*]?=(?:['"].*['"]|[^\s"'=<>`]+))?\]

\[the literal [ (91₁₀ / 133₈ / 5B₁₆)

Negated Character Class[^\s"'=<>`]+?

+?matches at least one character outside the set below:

\sany whitespace character

"the literal " (34₁₀ / 42₈ / 22₁₆)

'the literal ' (39₁₀ / 47₈ / 27₁₆)

=the literal = (61₁₀ / 75₈ / 3D₁₆)

<the literal < (60₁₀ / 74₈ / 3C₁₆)

>the literal > (62₁₀ / 76₈ / 3E₁₆)

`the literal ` (96₁₀ / 140₈ / 60₁₆)

Negative Lookbehind(?<![~|^$*])

Character Class[~|^$*]

~the literal ~ (126₁₀ / 176₈ / 7E₁₆)

|the literal | (124₁₀ / 174₈ / 7C₁₆)

^the literal ^ (94₁₀ / 136₈ / 5E₁₆)

$the literal $ (36₁₀ / 44₈ / 24₁₆)

*the literal * (42₁₀ / 52₈ / 2A₁₆)

Group 1([~|^$*]?=(?:['"].*['"]|[^\s"'=<>`]+))?

?repeats the group contents below at most once:

Character Class[~|^$*]?

?matches at most one character from the set below:

~the literal ~ (126₁₀ / 176₈ / 7E₁₆)

|the literal | (124₁₀ / 174₈ / 7C₁₆)

^the literal ^ (94₁₀ / 136₈ / 5E₁₆)

$the literal $ (36₁₀ / 44₈ / 24₁₆)

*the literal * (42₁₀ / 52₈ / 2A₁₆)

=the literal = (61₁₀ / 75₈ / 3D₁₆)

Non-Capturing Group(?:['"].*['"]|[^\s"'=<>`]+)

1st Alternative['"].*['"]

Character Class['"]

'the literal ' (39₁₀ / 47₈ / 27₁₆)

"the literal " (34₁₀ / 42₈ / 22₁₆)

.*any character (except for line terminators), repeated any number of times

Character Class['"]

'the literal ' (39₁₀ / 47₈ / 27₁₆)

"the literal " (34₁₀ / 42₈ / 22₁₆)

2nd Alternative[^\s"'=<>`]+

Negated Character Class[^\s"'=<>`]+

\]the literal ] (93₁₀ / 135₈ / 5D₁₆)

4th Alternative:[\w-]+(?:$.*$)?

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

26 tokens

Regular Expression

[#.][-_]?[_a-zA-Z]+(?:\w|\\.)*|(?<=\s+|^)(?:\w+|\*)|\[[^\s"'=<>`]+?(?<![~|^$*])([~|^$*]?=(?:['"].*['"]|[^\s"'=<>`]+))?\]|:[\w-]+(?:\(.*\))?

New

.class {}
.class .class {}
.class #id {}
tag #idtag {}
[attribute] {}
[attribute*="value"] {}
[attribute$=value] {}
.class:not(.class) {}
.clas\$s tag
.class:nth-child(2n+8):nth-of-type(-n+15)
tag *

Substitution

.class {}
.class .class {}
.class #id {}
tag #idtag {}
[attribute] {}
[attribute*="value"] {}
[attribute$=value] {}
.class:not(.class) {}
.clas\$s tag
.class:nth-child(2n+8):nth-of-type(-n+15)
tag *