Puis-je utiliser la classe DIV et l'ID ensemble en CSS ?

Question

Puis-je utiliser la classe DIV et l'ID ensemble en CSS ? Par exemple :

<div class="x" id="y">
    --
</div>

Answer 1

Oui, oui vous pouvez.

#y.x {
 /* will select element of id="y" that also has class="x" */
}

De même :

.x#y {
 /* will select elements of class="x" that also have an id="y" */
}

Cela peut d'ailleurs être utile dans certains cas d'utilisation (où les classes sont utilisées pour représenter une forme d'événement ou d'interaction), mais dans la plupart des cas, ce n'est pas le cas. nécessairement si utile, puisque id sont de toute façon uniques dans le document. Mais si vous utilisez des classes pour l'interaction avec l'utilisateur, alors il est préférable de les utiliser. peut être utile de savoir.

Answer 2

Vous pouvez également utiliser autant de classes que nécessaire sur une balise, mais un id doit être unique pour le document. Faites également attention à ne pas utiliser trop de divs, quand une autre balise plus sémantique peut faire l'affaire.

<p id="unique" class="x y z">Styled paragraph</p>

Answer 3

Bien sûr que vous pouvez.

Votre HTML est parfait. Pour styliser les éléments avec css, vous pouvez utiliser les approches suivantes :

#y {
    ...
}

.x {
    ...
}

#y.x {
    ...
}

Vous pouvez également ajouter autant de classes que vous le souhaitez à votre élément.

<div id="id" class="classA classB classC ...">
</div>

Et vous pouvez donner un style à cet élément en utilisant un sélecteur avec n'importe quelle combinaison de classes et d'identifiants. Par exemple :

#id.classA.classB.classC {
     ...
}

#id.classC {
}

Answer 4

C'est du HTML, mais oui, vous pouvez assembler à peu près tous les sélecteurs que vous voulez.

#x.y { }

(Et le HTML est aussi très bien)

Answer 5

Oui, pourquoi pas ? Alors la CSS qui s'applique à la classe "x" ET la CSS qui s'applique à l'ID "y" s'appliquent à la division.