title =〜でCSS属性セレクタを実行するにはスペースを入れなければなりませんか？

Question

私は、次のセレクタを持っている：

.post-link[title~=Corporate] 

は今はないどこか他のタイトルでは、そのタイトルだけで非常に先頭に「企業」という言葉を持っている要素のみを選択するために、代わりに、必要があります。

1）のみタイトルの先頭にcheckesセレクタを作成し、他人をスキップし、最終的に以下または

2）スペースを含めることができるセレクタを作成します。

だから私は2つの選択肢を持っていますプラス '|'以下のような：

.post-link[title~=Corporate |] 

私の場合、すべてのタイトルが

で始まるので、 "キーワード|"

（企業| i.g.）

しかし、私が使用している場合、CSSはそれ以上に動作していない：

.post-link[title~=Corporate |] 

私も試してみました：

.post-link[title~=Corporate |] 

は動作しません。これを行う方法？私はGoogleと答えを見つけることができません。

ありがとうございます！

Answer 1

ここで、タイトルに "Corporate"という単語が最初からある要素のみを選択する必要があります。タイトルの他の部分ではありません。

あなたは[title^='Corporate']を使用することができます。

[title^='Corporate'] { 
 
    background: lightgreen; 
 
}

<div title='Corporate foo bar'>Test case 1</div> 
 
<div title='foo Corporate bar'>Test case 2</div> 
 
<div title='Corporate | foobar'>Test case 3</div>

Reference：

E[foo^="bar"]：Eエルを"foo"属性値が文字列 "bar"で始まる文字列

Answer 2

これはそれを行う必要があります。 .post-link[title|="Corporate "]

|=オペレータは開始に一致します。