regex101: JavaScript Substitution Workspace

Pro

#the literal # (35₁₀ / 43₈ / 23₁₆)

Negative Lookahead(?!:[\w]+)

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

Character Class[\w]+

+matches at least one character from the set below:

\wany word character

Positive Lookahead(?=([\w\d\[\]\,\*\=\>\.\s]*[\{\,\[]+))

Group 1([\w\d\[\]\,\*\=\>\.\s]*[\{\,\[]+)

Character Class[\w\d\[\]\,\*\=\>\.\s]*

*matches any number of characters from the set below:

\wany word character

\da digit

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

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

\,the literal , (44₁₀ / 54₈ / 2C₁₆)

\*the literal * (42₁₀ / 52₈ / 2A₁₆)

\=the literal = (61₁₀ / 75₈ / 3D₁₆)

\>the literal > (62₁₀ / 76₈ / 3E₁₆)

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

\sany whitespace character

Character Class[\{\,\[]+

+matches at least one character from the set below:

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

\,the literal , (44₁₀ / 54₈ / 2C₁₆)

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

Global pattern flags

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

26 tokens

Regular Expression

#(?!:[\w]+)(?=([\w\d\[\]\,\*\=\>\.\s]*[\{\,\[]+))

New

div#xyz, #xyz, div#xyz[id='xyz'],
 .def>#xyz, .def>div#xyz, .def>#xyz,
 .def>div#xyz[id=*]{
	color:#ee2ee2;
}


@media (min-width: 30em) and (orientation: landscape) 
{
  .abc{
      background-color :#FFFFFF;
      border-color:1px solid #eee ;
  }

  .def>#xyz, .def #xyz, .def>#xyz{border-color:1px solid #ddd;}
}

Substitution

.

div#xyz, #xyz, div#xyz[id='xyz'],
 .def>#xyz, .def>div#xyz, .def>#xyz,
 .def>div#xyz[id=*]{
	color:#ee2ee2;
}


@media (min-width: 30em) and (orientation: landscape) 
{
  .abc{
      background-color :#FFFFFF;
      border-color:1px solid #eee ;
  }

  .def>#xyz, .def #xyz, .def>#xyz{border-color:1px solid #ddd;}
}