調べるのに苦労したcss記法の話

最近、Firefoxのカスタマイズにはまっているのですが、とあるサイトで

「ロケーションバーにフォーカスした際に日本語入力を無効にする」というcssを目にしました。

ここに書いてある「*|」の部分の意味が分からなかったのですが、

調べようにもGoogleをはじめとした検索エンジンは「|」という記号で検索できません。

それでもなんとか調べ、ようやく分かったのでメモしておきます。

「|」は名前空間に属するものを指定する時に使う記号だそうです。

例を挙げますと
こんな感じです。

同じように検索に苦労された方の助けになれば幸いです。