html - CSS エントリを作成するときの class* とはどういう意味ですか?

Question

私は次のものを持っています：

[class^="fa-icon-"], [class*=" fa-icon-"] {

class^ が「で始まる」という意味であることは知っていますが、class* とはどういう意味ですか?

Answer 1

これは単に、class属性に部分文字列を含む要素を選択することを意味しますfa-icon-

デモ

pしたがって、デモを共有したので、部分文字列を持つ要素を選択していますfa-icon-(注: スペースが重要です)。

したがって、要素を選択します

<p class=" fa-icon-">Hello</p>

上記のセレクターは、次のようなものも選択します

<p class=" fa-icon-blah">Hello</p>

デモ 2

Answer 2

部分文字列「fa-icon-」のインスタンスを少なくとも 1 つ含む値を持つ class 属性を持つ要素を表します。

w3c仕様から：

[属性*=値]

部分文字列「val」の少なくとも 1 つのインスタンスを値に含む att 属性を持つ要素を表します。「val」が空の文字列の場合、セレクターは何も表していません。