Est un sélecteur comme * + * sûr à utiliser?

Quel est le support du navigateur comme pour cela? P> blockQuote>

Fondamentalement, IE7 + et tout autre navigateur moderne. P>

Il peut y avoir des boîtiers d'angle pour chaque navigateur en fonction de quels éléments sont réellement sélectionnés ou interrogés avec le combinateur de la soeur + code>, mais je ne m'inquiéterais pas autant que le fait que la marge est appliqué à peu près tout élément em> c'est un frère sœur sans raison pratique. P> li>

Y a-t-il des cas que vous ne voudriez pas d'espacement même de marge entre éléments dans un article et, sinon, est-il plus facile de déclarer cela d'abord, puis de remplacer ou de déclarer simplement chaque élément individuellement? P> blockQuote>

Cela semble assez utile à première vue, mais si vous y réfléchissez, ce sera probablement une bien meilleure idée d'être plus précis sur ce qu'il faut appliquer la marge à. C'est une règle que je peux imaginer sera remplacée beaucoup, de nombreuses fois tout au long du reste de la feuille de style par d'autres sélecteurs spécifiques, ce qui le rend assez redondant et même non désiré dans de nombreux cas. Je ne peux pas penser à une utilisation du monde réel pour une règle comme votre exemple. P>

gardez à l'esprit que, dans ce cas particulier, Les marges verticales s'effondreront , vous n'avez donc besoin que de définir des marges verticales pour un ensemble d'éléments sans avoir à recourir à l'application de Margin-top code> exclusivement à tous les frères et sœurs suivants d'un élément. P> LI >

Est-ce que cela a des problèmes de performance puisque vous sélectionnez tout deux fois? P> blockQuote>

En fait, il ne peut pas tout sélectionner deux fois. Le navigateur ne regarde que chaque élément une fois, détermine alors si chaque élément suit une autre sous le même élément parent. Cela ne se soucie pas de quel type d'élément il suit, tant qu'il en suit une autre. Cela ne va pas sur la sélection de chaque élément, puis comparez-les pour voir si ce sont des frères et sœurs les uns des autres. P>

Maintenant, Les gens disent em> qu'à l'aide du sélecteur universel * code> en conjonction avec n'importe quel combinateur provoque des catastrophes de performance de rendu, donc les gens disent em> que Ce genre de choses devrait être évitée à tout prix. Mais ce produit est à peine important du tout (honnêtement, un sélecteur comme * + * code> est seulement quelques microsecondes plus lents que p + p code>), donc vous n'avez vraiment pas besoin de s'inquiéter à ce sujet. Considérez d'abord l'utilité de la règle du CSS, puis décidez si vous avez vraiment besoin de la règle en fonction de cela. P> LI>

---

Maintenant avec tout ce qui dit (il deviendra assez tard ici), j'aurais probablement réécrit l'exemple comme celui-ci, en fonction de ce que j'ai dit ci-dessus concernant l'effondrement des marges: P>

.post p { margin: 15px 0; }