regex101: PCRE (Legacy) Match Workspace

Pro

<the literal < (60₁₀ / 74₈ / 3C₁₆)

Non-Capturing Group(?:div|ul|li)

1st Alternativediv

divthe literal text div (case sensitive)

2nd Alternativeul

ulthe literal text ul (case sensitive)

3rd Alternativeli

lithe literal text li (case sensitive)

Non-Capturing Group(?:.*?(?:class|data-ss)="([^"]+)")?

?repeats the group contents below at most once:

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

Non-Capturing Group(?:class|data-ss)

1st Alternativeclass

classthe literal text class (case sensitive)

2nd Alternativedata-ss

data-ssthe literal text data-ss (case sensitive)

="the literal text ="

Group 1([^"]+)

Negated Character Class[^"]+

+matches at least one character outside the set below:

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

Non-Capturing Group(?:.*?(?:class|data-ss)="([^"]+)")?

?repeats the group contents below at most once:

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

Non-Capturing Group(?:class|data-ss)

1st Alternativeclass

classthe literal text class (case sensitive)

2nd Alternativedata-ss

data-ssthe literal text data-ss (case sensitive)

="the literal text ="

Group 2([^"]+)

Negated Character Class[^"]+

+matches at least one character outside the set below:

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

Negated Character Class[^>]*

*matches any number of characters outside the set below:

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

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

25 tokens

Regular Expression

<(?:div|ul|li)(?:.*?(?:class|data-ss)="([^"]+)")?(?:.*?(?:class|data-ss)="([^"]+)")?[^>]*>

New

<div class="noproblem"> 
	<ul class="noproblem" data-ss="1">
		<li class="noproblem" data-ss="1">
			/* <i> is not my tag. but there's no problem with that. because it's underneath! .*/
			<i class="no_problem"></i>
		</li>
	</ul>
</div>

<div class="noproblem" data-ss"1">  /* problem: data-ss is not accepted */
	<ul class="noproblem" data-ss="1">
		/* <i> is not my tag. my tags:  div|ul|li .*/
		<li class="noproblem"><i class="this_is_problem"></i>
		</li>
	</ul>
</div>

<div class="noproblem">
	<ul class="noproblem">
		/* <i> is not my tag. my tags:  div|ul|li .*/
		<li class="noproblem"><i class="this_is_problem"></i>
		</li>
		/* <span> is not my tag. my tags:  div|ul|li .*/
		<li class="test"><span class="this_is_problem"></span></li>
		/* (li class empty version): <span> is not my tag. my tags:  div|ul|li .*/
		<li><span class="this_is_problem"></span></li>
	</ul>
</div>

Extraction

<div class="noproblem"> 
	<ul class="noproblem" data-ss="1">
		<li class="noproblem" data-ss="1">
			/* <i> is not my tag. but there's no problem with that. because it's underneath! .*/
			<i class="no_problem"></i>
		</li>
	</ul>
</div>

<div class="noproblem" data-ss"1">  /* problem: data-ss is not accepted */
	<ul class="noproblem" data-ss="1">
		/* <i> is not my tag. my tags:  div|ul|li .*/
		<li class="noproblem"><i class="this_is_problem"></i>
		</li>
	</ul>
</div>

<div class="noproblem">
	<ul class="noproblem">
		/* <i> is not my tag. my tags:  div|ul|li .*/
		<li class="noproblem"><i class="this_is_problem"></i>
		</li>
		/* <span> is not my tag. my tags:  div|ul|li .*/
		<li class="test"><span class="this_is_problem"></span></li>
		/* (li class empty version): <span> is not my tag. my tags:  div|ul|li .*/
		<li><span class="this_is_problem"></span></li>
	</ul>
</div>