Extension

JdB.CSS utilise un préfixe personnalisé pour fonctionner dans n'importe quel environnement.

Par défaut, toutes les classes JdB.CSS commencent par un préfixe jdb- pour éviter les conflits, sauf les classes s1 à 12, m1 à m12 et l1 à l12. Cela évite les conflits de noms lors de l'introduction de JdB.CSS dans des projets existants ou lors de sa combinaison avec d'autres frameworks. Il n'est pas possible de changer ce préfixe. De plus, le préfixe permet de limiter les styles JdB.CSS pour n'affecter que certaines parties de vos pages, néanmoins certains éléments tels que les images (img, figure) et les legende (legend) adopte un style JdB.CSS même sans classe.

Lorsque vous étendez JdB.CSS, il est recommandé de respecter cette convention afin d'éviter tout conflit avec les futur classes qui seront ajoutées dans JdB.CSS. Par exemple, si vous souhaitez créer un nouveau type de formulaire, votre HTML et votre CSS devraient ressembler à ceci :

<table class="table-custom jdb-table"></table>

/* ajoutez vos styles personnalisés dans ce sélecteur */
.table-custom { ... }

Validation CSS

Le service de validation CSS du W3C peut être utilisé pour vérifier l'exactitude (validité) de JdB.CSS.

Le validateur CSS du W3C vérifie les propriétés CSS1, CSS2, CSS3 et CSS4. Certains navigateurs utilisent des extensions du fournisseur (vendor extensions) pour simuler les propriétés CSS3 et CSS4. Remarque : Les extensions du fournisseur peuvent créer des avertissements dans le processus de validation JdB.CSS.

Extensions du fournisseur

JdB.CSS utilise les extensions du fournisseur pour prendre en charge les anciens navigateurs. Les fournisseurs de navigateurs s'efforcent de cesser d'utiliser les préfixes dans les futures versions des navigateurs. En attendant, certaines extensions devront être utilisées pour que les CSS modernes fonctionnent dans tous les navigateurs.

Vous trouverez ci-dessous une liste des extensions de fournisseurs les plus couramment utilisées :