How to do CSS attribute selector with title~= that has to contain a space?
<p>I have the following selector:</p>

<pre><code>.post-link[title~=Corporate]
</code></pre>

<p>Now I need, instead, to select only elements whose title have the word "Corporate" only at the very beginning, not somewhere else in the title.</p>

<p>So I have two alternatives:</p>

<p>1) create a selector that only checkes at the very beginning of the title and then skip others eventually following or</p>

<p>2) create a selector which can contain a space plus a '|' like:</p>

<pre><code>.post-link[title~=Corporate |]
</code></pre>

<p>because in my case all titles begin with</p>

<p>"Keyword |"</p>

<p>(Corporate | i.g.)</p>

<p>But the css is not working any more when I use:</p>

<pre><code>.post-link[title~=Corporate |] 
</code></pre>

<p>I also tried:</p>

<pre><code>.post-link[title~=Corporate&amp;nbsp;|]
</code></pre>

<p>Does not work. How to do this? I cannot find answers with Google.</p>

<p>Thanks a lot!</p>