Regular expression to select CSS.

See more:

CSS

regular-expression

I want to extract the content of the CSS using the regular expression.

I have tried various things, but the problem starts to appear when I am trying to extract the CSS from the media queries.

But what I have tried doesnt select media query in whole single block.

What I have tried:

(?ims)([a-z0-9\[\]\s\.\:#_\(-@)(~)(%),]+)\{([^\}]*)\}(\s*\})?

Here is a link where I have tried this
Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript[^]

@media screen and (min-width:1200px) {
	.testMe {
		position: relative;
		margin-bottom: 0;
		background-color: #fff;
		z-index: 30
	}
	.testMeAgain:after {
		content: "";
		display: block;
		height: 40px;
		width: 100%;
		position: absolute;
		bottom: 0;
		border-style: solid;
		border-color: #d5d6d2;
		border: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #0099b2
	}
	.test-sticky {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		right: 0
	}
	.test-sticky .responsiveSubMenu {
		display: none
	}
}

.testCheck .testCheck::-webkit-scrollbar {
	width: 8px
}