Sélecteurs CSS en HTML5

Les sélecteurs CSS sont utilisés pour identifier les éléments HTML un style particulier va être placé sur eux, pour cela nous pouvons utiliser l'étiquette style ou une feuille de style externe. Imaginons un instant que l'on veuille mettre un certain aspect à notre document, pour cela il faut développer des styles, cependant, afin de ne pas répéter du code, l'idéal est d'utiliser les styles pour les sélecteurs, par exemple si on veut tous les liens vers l'élément à sont d'une couleur particulière nous utiliserions les styles avec le sélecteur par type.
Ce sélecteur affecte tous les éléments du document, bien qu'étant le sélecteur le plus fondamental, il n'est pas largement utilisé car sa portée est très large.
Voyons un petit exemple de son fonctionnement :

 Exemple
J'aime les pommes et les oranges.

Visitez le site Web du W3C 

Comme on peut le voir dans l'exemple, on dit au style avec le sélecteur universel que tous les éléments vont avoir une bordure noire mince solide, cela donne le résultat suivant :

On voit que le style a été appliqué à tous les éléments, ce n'est pas très agréable à regarder pour le moment, mais ça fait le boulot.
Avec ce type de sélection, nous pouvons sélectionner et appliquer un style à tous les éléments d'un type spécifique, de cette manière nous pouvons être généraux sans être aussi larges qu'avec le sélecteur universel que nous avons vu précédemment.
Travaillons avec l'exemple suivant :

 Exemple
J'aime les pommes et les oranges.
Visitez le site Web du W3C 

Comme nous pouvons le voir, nous utilisons le type d'élément à À laquelle nous ajouterons la bordure noire sur laquelle nous avons travaillé dans le tutoriel, voyons à quoi cela ressemble à l'écran :

Le résultat est un peu meilleur que celui généré avec le sélecteur universel, puisque dans ce cas seuls les liens ont la bordure noire.
Et si maintenant on veut appliquer un style mais seulement à certains éléments, quel que soit leur type, mais on ne peut pas l'appliquer à l'ensemble du document, pour cela on peut utiliser le sélecteur par classes, avec le sélecteur par classe on peut réaliser un peu plus d'exclusion lors de l'application d'un style.
Voyons le code :

 Exemple Visitez le site Web
J'aime les pommes et les oranges.

Visitez le site Web du W3C 

Dans ce cas, nous avons décidé d'appliquer le style à tous les éléments de la classe classe2 nous pouvons voir dans le code un élément qui a deux classes, cependant avoir la classe que nous spécifions prendra également le style. Avec cela, nous concluons ce tutoriel sur les sélecteurs, nous vous recommandons de continuer à pratiquer, en combinant ce que nous avons appris, afin que nous puissions enrichir l'apparence de nos sites et augmenter leurs normes de convivialité de la manière la plus efficace et la plus simple possible.