Как найти все блоки @viewport в CSS

Question

Я пытаюсь найти все блоки @viewport (включая @ -ms-viewport и т. Д.) В css-файле с регулярным выражением:

/@.*?viewport.*?\}/ms

Ожидаю такие результаты, как:

@viewport { ... }

Но это регулярное выражение возвращает самые длинные результаты, включая часть файла CSS из первого вхождения блока @ в viewport, то есть:

@media (min-width ... @viewport { ... }

Я использую ленивый квантификатор *? между @ и viewport, но получаю самый большой результат.Где моя ошибка?

Answer 1

Вместо .*?, используйте [^@]*, чтобы сопоставить любой символ, который не @

/@[^@]*viewport.*?\}/ms

Answer 2

Здесь мы начнем с простого выражения с тире - после знака @:

$re = '/@(-.+)?viewport.+?\}/ms';
$str = '@media (min-width ... @viewport { ... }@media (min-width ... @viewport { ... }

@media (min-width ... @viewport { ... }

@media (min-width ... @-ms-viewport { ... }';

preg_match_all($re, $str, $matches, PREG_SET_ORDER, 0);

// Print the entire match result
var_dump($matches);

Демо