2016-08-03 3 views
1

は、私が疑問に思いますか?また要素[クラス=「名前」]の代わりに.class

、要素は例えばのために複数のクラスを持っている場合、私は、何かが欠けている場合を除きます。その理由..です

element[class="class1"] { } 
element[class="class2"] { } 

を:

<span class="class1 class2"></span>は、これらのいずれも動作するように見えますか?

+1

*は、「応答メールに主に使用されているようだ」* - この結論のソースは何ですか? –

答えて

2

要素[クラス=「名前」]

この属性は、セレクタに等しく、それは正確な値を持つ要素を選択します。複数のクラスがある場合、完全一致は存在せず、選択もしません。アトリビュートセレクタまたは他のワイルドカードセレクタを使用すると、要素が取得されます。以下は、セレクタは、属性クラスの値としてclass1を持つ要素になるだろうが含まれています。クラス名class123の要素も取得します。

element[class*="class1"] 

要素[クラス=「名前」]は 応答電子メールの代わりに、通常の.classで主に使用されているようだ私はなぜだろうか?

このarticleはおそらくこれについて語ります。

属性セレクタは、Yahoo! では珍しいグリッチを回避するために使用されていますMail、reference

Yahoo! Mailは属性 セレクタを使用するスタイルをすべて無視します。つまり、@ mediaクエリでこれらを使用して にすることができます.Yahoo!メールは あなたの@media -definedもので、既存のインラインスタイルを上書きしません。 here以上を読んでください。

+0

ありがとう!レスポンシブな電子メールテンプレートが通常の '.class'の代わりに属性の等価セレクタを使用する理由についてもお答えください。 – 3zzy

+0

更新された回答を確認してください。 – Adil

関連する問題