Aller au contenu principal

CSS4

Publié par Stéphane Arrami le mer 22/05/2019

Depuis les spécifications des feuilles de style en cascade CSS3 qui introduit le passage à la modularisation, chaque module évolue indépendamment des autres.

Certains modules commencent avec leur propre version et contrôle de niveau (exemple : CSS Grid).

Les mises à jour actuelles des CSS sont appelées CSS4.

Exemples de nouveaux sélecteurs :

Background-blend-mode : fusionner une image avec un ou plusieurs fonds colorés

Wrap-flow : habiller du texte

Shape-outside : donner à un élément une forme géométrique complexe

Display:grid : disposer les éléments en grille

Pseudo-classes :

:not(a,b) : négation multiple

:has(a) : appliquer aux sélecteurs qui ont pour enfant l’élément (a) placé en argument.

:matches(a,b) : appliquer des propriétés semblables à plusieurs éléments.

:nth-match : combiner des fonctions matches et :nth-child

:any-link() : combiner les définitions a:link et a:visited.

:local-link() : prendre en compte uniquement les liens internes au site web.

Les pseudo-classes temporelles

:past, :current et :future : distinguer des éléments CSS dans le temps.

Les pseudo-classes de langues

:lang(*-language) : appliquer des règles de style à des éléments en fonction de la langue courante

Sélecteur de parents

Appliquer un style à un parent qui possède un enfant défini.

monparent! > selecteur {
/* déclarations */
}


 

Mots clés