98 votes

Pourquoi utiliser un sélecteur d'attributs pour faire correspondre les classes ?

J'ai trouvé un exemple de modèles d'e-mails réactifs où l'on trouve des sélecteurs CSS tels que les suivants :

a[class="btn"]

Pourquoi cette syntaxe est-elle utilisée si elle peut être remplacée par la plus simple :

a.btn

Cela a-t-il un impact sur les navigateurs mobiles ou autre chose ? Existe-t-il des clients de messagerie qui requièrent cette utilisation ?

156voto

Eric Points 28561

En [] La syntaxe est un Sélecteur d'attributs .

a[class="btn"]

Cela permettra de sélectionner tout <a> tag avec class="btn" . Cependant, il no sélectionnez <a> qui a class="btn btn_red" par exemple (alors que a.btn serait). Il ne correspond exactement cet attribut.

Vous pouvez lire Les 30 sélecteurs CSS que vous devez mémoriser . C'est un outil précieux pour tout développeur web en herbe.

1voto

Zach Points 76

Pourquoi utiliser un sélecteur d'attributs pour faire correspondre les classes ?

Le cas d'utilisation évident du sélecteur d'attributs : Des correspondances spécifiques

Correspondance exacte = , contenant/sous-chaîne *= , préfixe ^= , suffixe $= , etc .

Piratage de Yahoo Mail

  • Vous voulez prendre en charge les versions bêta de Yahoo Mail
  • Vous avez des requêtes média

Normalement, les applications créées avant les requêtes média ignorent simplement l'ensemble du bloc. Ce n'est pas le cas de beta yahoo mail, qui applique simplement tous les styles en ignorant la requête média. Il ne supporte pas les sélecteurs d'attributs cependant...

Dans ce cas, vous pouvez utiliser des sélecteurs d'attributs pour sélectionner une classe dans une requête multimédia afin que celle-ci fonctionne sur la plupart des clients de messagerie, mais ne déclenche pas de styles de requête multimédia sur les versions bêta de Yahoo Mail.

Plus d'informations ici

Données Caniemail sur le Sélecteur d'attributs ayant beaucoup moins de soutien que le sélecteur de classe .

-2voto

gordon Points 1

Les parenthèses sont utilisées pour que Yahoo webmail n'applique pas votre style mobile aux points d'arrêt du bureau. Je ne suis pas certain des détails mais j'espère que cela vous donne suffisamment d'éléments pour vous permettre d'approfondir la question.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X