regex101: JavaScript Substitution Workspace

Pro

Positive Lookbehind(?<={[^{}]*)

{the literal { (123₁₀ / 173₈ / 7B₁₆)

Negated Character Class[^{}]*

*matches any number of characters outside the set below:

{the literal { (123₁₀ / 173₈ / 7B₁₆)

}the literal } (125₁₀ / 175₈ / 7D₁₆)

Group 1([^\S\r\n]*)

Negated Character Class[^\S\r\n]*

*matches any number of characters outside the set below:

\Sany non-whitespace character

\ra carriage return (ASCII 13)

\na line-feed (newline) character (ASCII 10)

Group 2([A-Za-z'-]+:)

Character Class[A-Za-z'-]+

+matches at least one character from the set below:

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

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

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

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

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

Positive Lookahead(?=[^{}]*})

Negated Character Class[^{}]*

*matches any number of characters outside the set below:

{the literal { (123₁₀ / 173₈ / 7B₁₆)

}the literal } (125₁₀ / 175₈ / 7D₁₆)

Global pattern flags

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

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

26 tokens

Regular Expression

(?<={[^{}]*)([^\S\r\n]*)([A-Za-z'-]+:)(?=[^{}]*})

New

.MenuContainerScroll {
  overflow: auto;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
  margin-top: 1vw;
}

.MenuContainerScroll::-webkit-scrollbar {
width: 6px;
height: 1vw;
}

.MenuContainerScroll::-webkit-scrollbar {
width: 6px;
height: 1vw;

Substitution

$1<span class="blue">$2</span>

.MenuContainerScroll {
  overflow: auto;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
  margin-top: 1vw;
}

.MenuContainerScroll::-webkit-scrollbar {
width: 6px;
height: 1vw;
}

.MenuContainerScroll::-webkit-scrollbar {
width: 6px;
height: 1vw;