Est 'est' utile?

Dieu je suis drôle.

Chaque fois que nous avons des sélecteurs assez répétitifs qui ont un parent commun, c'est probablement un endroit où nous pouvons utiliser le pseudo-sélectionneur: est ().

Holger Bartel démontre comme ceci:

 Section Section H1, section Article H1, section à part H1, section NAV H1,
Section Article H1, article de l'article H1, article à part H1, article NAV H1,
à part la section H1, à part l'article H1, de côté de h1 à part, à part Nav H1,
Nav Section H1, Nav Article H1, NAV MOINS H1, NAV NAV H1 {
  taille de police: 20px;
}

Devient:

 : est (section, article, mis à part, nav)
est (section, article, à part, nav) h1 {
  taille de police: 20px;
}

Adam Argyle a démontré comme ceci:

#Css

: est () sélecteur?
Le successeur de: any () et: matches ()

Sentillez-vous dans notre discours, voici un gif soigné que j'ai fait avec XD montrant ce que la syntaxe du sélecteur: est () peut faire. Soyez excité pour Chrome Dev Summit Y'all!

- Adam Argyle (@argyleink) 7 novembre 2019

MDN a un très dramatique:

 ol ol ul, ol ul, ol menu ul, ol dir ul,
OL MENU, OL UL MENU, MENU OL MENU, OL DIR MENU,
ol ol dir, ol ul dir, ol menu dir, ol dir dir,
ul ol ul, ul ul, ul menu ul, ul dir ul,
menu ul ol, menu ul ul, menu ul, menu ul dir,
ul ol dir, ul ul dir, ul menu dir, ul dir dir,
Menu ol ul, menu ul ul, menu menu ul, menu dir ul,
Menu ol menu, menu UL menu, menu menu menu, menu menu menu,
Menu ol dir, menu ul dir, menu menu dir, menu dir dir,
dir ol ul, dir ul, menu dir ul, dir dir ul,
menu de réduction, menu Dire, menu DIR, menu Dir Dir,
dir ol dir, dir ul dir, dir menu dir, dir dir {
  Type de style liste: carré;
}

 : est (ol, ul, menu, dir): est (ol, ul, menu, dir) ul,
: est (ol, ul, menu, dir): est (ol, ul, menu, dir) menu,
: est (ol, ul, menu, dir): is (ol, ul, menu, dir) dir {
  Type de style liste: carré;
}

C'est moins de code et plus facile à raisonner.

Kezz Bracey note que le jumeler avec: pas () peut également être bien:

 : non (article, section, à côté): Is (H1, H2, H3, H4, H5, H6) {
  Police-poids: 400;
}

Le support du navigateur commence à venir et le polyfilant est difficile, donc nous ne sommes pas encore au quotidien sans usage. Je parie que ce n'est pas trop loin.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!