Here is a piece of HTML code to work with:
<body>
<pre class="typescript">
<span class="classDecl">
<span class="statement">export</span>
<span class="keyword">class</span>
<span class="identifier">Sample</span>
<span id="open1">{</span>
<span class="keyword">private</span>
<span class="marked">
<span class="identifier">name</span>:
<span class="type">string</span>
</span>;
<span class="ctorDecl">
<span class="keyword">constructor</span>
<span id="open2">(</span>
<span class="marked">
<span class="identifier unused">name</span>:
<span class="type">string</span>
</span>
<span id="close2">)</span>
<span id="open3">{</span>
<span class="keyword">this</span>.
<span class="identifier">name</span> =
<span class="error">
<span class="identifier">name1</span>
</span>;
<span id="close3">}</span>
</span>
<span class="methodDecl">
<span class="identifier">greeting</span>
<span id="open4">(</span>
<span id="close4">)</span>:
<span class="type">string</span>
<span id="open5">{</span>
<span class="statement">return</span>
<span class="stringliteral">"Hello "</span> +
<span class="keyword">this</span>.
<span class="identifier">name</span>;
<span id="close5">}</span>
</span>
<span id="close1">}</span>
</span>
</pre>
</body>
My goal is to target the :, ;, =, and + symbols, but I'm uncertain of how to do so. (One instance is at line 8)
While I attempted to search for a solution online, none of the suggestions provided a working answer.