regex101: PCRE2 (PHP) Match Workspace

@importthe literal text @import (case insensitive)

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

Non-Capturing Group(?:url\(\s*)?

?repeats the group contents below at most once:

urlthe literal text url (case insensitive)

\(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₁₆)

Group 1([^\'"\]+)([\'")]+\)?.*;)

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

+matches at least one character outside the set below:

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

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

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

+the literal + (43₁₀ / 53₈ / 2B₁₆)

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

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

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

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

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

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

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

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

;the literal ; (59₁₀ / 73₈ / 3B₁₆)

Global pattern flags

i modifier: insensitive. Matches without distinguishing uppercase and lowercase letters

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

Search reference

Regular Expression

@import\s*(?:url\(\s*)?[\'"]?([^\'"\]+)([\'")]+\)?.*;)

New

# Drupal core/tests/Drupal/Tests/Core/Asset/css_test_files/css_input_with_import.css
@import "import1.css";
@import "import2.css";
@import url("http://example.com/style.css");
@import url("//example.com/style.css");

# Examples from https://developer.mozilla.org/en-US/docs/Web/CSS/%40import
@import url("finep;rint.css") print;
@import url("bluish.;css") projection, tv;
@import 'cust;om.css';
@import url("chrome://communi;cator/skin/");
@import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);

# Examples using htmlentities
@import 'https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display&amp;subset=latin-ext';
@import "https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display&amp;subset=latin-ext";
@import url("https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display&amp;subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display&amp;subset=latin-ext") tv;
@import url("https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display&amp;subset=latin-ext") only screen and (max-width:639px) and (orientation: portrait);

# Additional
@import "cu'st;om.css";
@import 'cus(t;om.css';
@import 'cus)t;om.css';
@import 'cus(t);om.css';
@import url(http://example.com/cu'st;om.css);
@import url(http://example.com/cus(t;om.css);
@import url(http://example.com/cus)t;om.css);
@import url(http://example.com/cu(s)t;om.css);

Regular Expressions 101

Regular Expression

Extraction