css - なぜ属性セレクターを使用してクラスを照合するのですか？

Question

次のようなCSSセレクターがあるレスポンシブメールテンプレートの例を見つけました。

a[class="btn"]

これが完全に同じである場合、なぜこの構文が使用されるのですか？

a.btn

モバイルブラウザなどに影響はありますか？

Answer 1

[]構文は属性セレクターです。

a[class="btn"]

これにより、。<a>が付いたタグが選択されますclass="btn"。ただし、たとえば、を持っているものは選択されません（ただし）。その属性と完全に一致するだけです。<a>class="btn btn_red"a.btn

覚えておかなければならない30のCSSセレクターを読むことをお勧めします。これは、新進気鋭のWeb開発者にとって非常に貴重です。