L'essentiel des CSS

Utiliser la valeur !important

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
!important est une valeur qu'il faut garder sous le coude et dont il ne faut surtout pas en abuser. Elle va vous permettre de surcharger une propriété définie par un sélecteur prédominant.
02:17

Transcription

Nous avons vu que les sélecteurs possédaient un poids et que les identifiants étaient passés devant les classes. Donc tout ce qui va être défini dans un identifiant note, c'est la note qui va prendre le dessus. C'est donc ce qui se passe ici puisque, que j'aie cette classe ou pas, ctrl+X, j'enregistre et j'affiche, le résultat est le même au niveau du rendu visuel. On pourrait très bien avoir un cas d'école classique. J'ai un composant qui est une boîte de dialogue de type note qui doit toujours être écrit pareil, il doit toujours avoir les mêmes rendus, présentations, etc. C'est le cas de note. Mais parfois, je peux avoir besoin d'une spécificité, une classe spéciale qui va afficher un message d'alerte « Attention, les couleurs doivent changer » ou quelque chose doit être particulier ici. Et le soucis est que la seule façon de faire, serait d'ajouter note, #note.special, comme ça ici, pour surcharger ma classe et donc pouvoir la rendre directement... alors non même pas, il faudrait que ça se touche ici, du fait qu'ils sont au même niveau... pour rentrer l'écriture dans ce sens-là, donc là ça fonctionnerait. Par contre, si ce special doit s'adapter à d'autres choses qu'à des note, eh bien c'est pas portable, on a ce soucis. Rappelez-vous, faites attention en utilisant des identifiants, puisqu'après ça devient compliqué. Alors il existe une alternative, une valeur de propriété particulière qu'il faut utiliser avec énormément de parcimonie, donc vraiment n'y aller qu'avec le dos de la cuillère là-dessus, c'est !important. C'est important dans les deux sens du terme ! C'est important de ne pas l'utiliser, donc !important que vous placez derrière une valeur. Ça va passer au-delà du poids du sélecteur qui a été utilisé, donc ça va passer devant. Là attention, car il sera compliqué de passer devant un !important. Il va falloir passer un !important qui soit écrit après, qui serait lu en dernier pour ainsi dire. Voilà, ici ça fonctionne. Alors, si j'enlève le !important, ctrl+X, ctrl+S, j'actualise et on est bien dans ce sens-là. Je rajoute le !important, ctrl+S, j'actualise, on a bien le !important qui est passé devant. Donc la propriété !important est très intéressante dans le sens où on va pouvoir l'utiliser pour surpasser des sélecteurs trop lourds et éviter de surcharger le nouveau sélecteur qui devrait prendre la place.

L'essentiel des CSS

​Explorez et assimilez les outils de base des CSS pour en comprendre les interactions visuelles. Structurez et gérez ainsi l’apparence et le visuel de vos sites web.

5h09 (54 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :28 avr. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !