regex101: A complete recognition of pattern for css selectors

Explanation

Pro

Group 1( *(((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)|(:{2}(\w+(-\w+)+))|(\*))(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))*)|(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))+)((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)|(:{2}(\w+(-\w+)+))|(\*))*(( +|( *[,~>+] *))(((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)|(:{2}(\w+(-\w+)+))|(\*))(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|(' *.+ *')|((") *.+ *("))))?( *\]))*)|(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))+))*)* *(?!.))

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

Group 2(((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)|(:{2}(\w+(-\w+)+))|(\*))(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))*)|(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))+)

1st Alternative((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)|(:{2}(\w+(-\w+)+))|(\*))(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))*)

Group 3((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)|(:{2}(\w+(-\w+)+))|(\*))(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))*)

Group 4(([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)|(:{2}(\w+(-\w+)+))|(\*))

1st Alternative([a-zA-Z]+)

Group 5([a-zA-Z]+)

Character Class[a-zA-Z]+

+matches at least one character from the set below:

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

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

2nd Alternative([.#](\w|\w+-+\w*)+)

Group 6([.#](\w|\w+-+\w*)+)

Character Class[.#]

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

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

Group 7(\w|\w+-+\w*)+

+repeats the group contents below at least once:

1st Alternative\w

\wany word character

2nd Alternative\w+-+\w*

\w+any word character, repeated at least once

-+the literal - (45₁₀ / 55₈ / 2D₁₆) , repeated at least once

\w*any word character, repeated any number of times

3rd Alternative(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)

Group 8(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)

:the literal : (58₁₀ / 72₈ / 3A₁₆)

Group 9(\w+(-\w+)+)

\w+any word character, repeated at least once

Group 10(-\w+)+

+repeats the group contents below at least once:

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

\w+any word character, repeated at least once

Group 11($[a-zA-Z0-9]+$)?

?repeats the group contents below at most once:

\(the literal ( (40₁₀ / 50₈ / 28₁₆)

Character Class[a-zA-Z0-9]+

+matches at least one character from the set below:

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

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

0-9one character from 0 (48₁₀) to 9 (57₁₀)

\)the literal ) (41₁₀ / 51₈ / 29₁₆)

4th Alternative(:{2}(\w+(-\w+)+))

Group 12(:{2}(\w+(-\w+)+))

:{2}the literal : (58₁₀ / 72₈ / 3A₁₆) , repeated exactly 2 times

Group 13(\w+(-\w+)+)

\w+any word character, repeated at least once

Group 14(-\w+)+

+repeats the group contents below at least once:

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

\w+any word character, repeated at least once

5th Alternative(\*)

Group 15(\*)

Group 16(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))*

2nd Alternative(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))+

Group 52((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)|(:{2}(\w+(-\w+)+))|(\*))*(( +|( *[,~>+] *))(((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)($[a-zA-Z0-9]+$)?)|(:{2}(\w+(-\w+)+))|(\*))(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|(' *.+ *')|((") *.+ *("))))?( *\]))*)|(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))+))*)*

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

Negative Lookahead(?!.)

Global pattern flags

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

y modifier: sticky. Matches only at the current search position instead of scanning ahead

Quick Reference

26 tokens

Regular Expression

( *(((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)(\([a-zA-Z0-9]+\))?)|(:{2}(\w+(-\w+)+))|(\*))(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))*)|(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))+)((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)(\([a-zA-Z0-9]+\))?)|(:{2}(\w+(-\w+)+))|(\*))*(( +|( *[,~>+] *))(((([a-zA-Z]+)|([.#](\w|\w+-+\w*)+)|(:(\w+(-\w+)+)(\([a-zA-Z0-9]+\))?)|(:{2}(\w+(-\w+)+))|(\*))(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|(' *.+ *')|((") *.+ *("))))?( *\]))*)|(\[ *\w+ *(([\^$|~*]?= *)?((\w|\w+-+\w*)+|((\\') *.+ *(\\'))|((\\") *.+ *(\\"))|((') *.+ *('))|((") *.+ *("))))?( *\]))+))*)* *(?!.))

New

:pseudo-class(value)[attribute~=value]#id.class > ::pseudo-element, element

Substitution

:pseudo-class(value)[attribute~=value]#id.class > ::pseudo-element, element