Travailler avec les sélecteurs ID

Cette tutoriels illustre travailler avec sélecteurs d'ID de Dreamweaver.

Nous allons nous pencher sur l'un des aspects les plus avancés du CSS, et c'est l'utilisation des sélecteurs d'ID.

Tout d'abord, vous pouvez toujours identifier un sélecteur d'ID par le fait que son nom commence par un symbole #, par opposition à une période. Ainsi, un sélecteur d'ID peut avoir un nom comme # HeaderPage.

Une des choses les plus importantes à réaliser sur les sélecteurs d'ID, c'est que chacun ne sera utilisé qu'une seule fois sur une page. Souvent, le sélecteur sera utilisé dans une situation spécifique, comme un titre de page, où il ne peut y avoir qu'une seule entrée par exemple sur une page.

La déclaration d'un sélecteur d'ID peut être vue comme une déclaration d'une classe. Par exemple, voici une définition écrite dans le code.

Le sélecteur d'ID #FirstPara a deux attributs affectés: la couleur de fond et l'alignement du texte.

Pour utiliser le sélecteur d'ID dans une page, le code pourrait ressembler à ceci.

et l'effet sur la page devrait ressembler à ceci.

Notez comment la Règle cible dans ce cas est sélectionnée comme avant, du fait qu'il s'agit d'un sélecteur d'ID étant identifié par le symbole # au début du nom.

Les sélecteurs d'ID peuvent être particulièrement utiles lorsque l'on combine des éléments de style, mais lors du démarrage de travail avec CSS, vous trouverez sans doute que l'utilisation des classes réalise habituellement les effets du plan que vous souhaitez atteindre.

Voir aussi: Comment appliquer un sélecteur d'ID avec Dreamweaver

 

Tweeter