Regular Expressions 101

urlthe literal text url (case sensitive)

\s*any whitespace character, repeated any number of times

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

\s*any whitespace character, repeated any number of times

Character Class[\'"]?

?matches at most one character from the set below:

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

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

Negative Lookahead(?!(((?:https?:)?\/\/)|(?:data\:?:)))

Group 1(((?:https?:)?\/\/)|(?:data\:?:))

1st Alternative((?:https?:)?\/\/)

Group 2((?:https?:)?\/\/)

Non-Capturing Group(?:https?:)?

?repeats the group contents below at most once:

httpthe literal text http (case sensitive)

s?optionally matches the literal s (115₁₀ / 163₈ / 73₁₆) (case sensitive)

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

\/the literal / (47₁₀ / 57₈ / 2F₁₆)

2nd Alternative(?:data\:?:)

Non-Capturing Group(?:data\:?:)

datathe literal text data (case sensitive)

\:?optionally matches the literal : (58₁₀ / 72₈ / 3A₁₆)

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

Group 3([^\'"\)]+)

Negated Character Class[^\'"\)]+

+matches at least one character outside the set below:

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

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

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

Character Class[\'"]?

?matches at most one character from the set below:

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

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

\s*any whitespace character, repeated any number of times

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

Global pattern flags

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

Detailed match information will be displayed here automatically.

25 tokens

Regular Expression

url\s*\(\s*[\'"]?(?!(((?:https?:)?\/\/)|(?:data\:?:)))([^\'"\)]+)[\'"]?\s*\)

New

#TEST {
    background:url(test.jpg);
    background:url( 'test.jpg' );
    background:url("test.jpg"  );
    background:url(http://example.com/test.jpg);
    background:url('https://example.com/test.jpg');
    background:url("http://example.com/test.jpg");
    background:url( '//example.com/test.jpg' );
    background:url( "//example.com/test.jpg" );
    background:url(//example.com/test.jpg);
}

Regular Expression

Extraction