QCM HTML / CSS – Partie 55

Questions pratiques pour testez vos connaissances sur le langage HTML à savoir l’utilisation du code HTML, structurer une page web en HTML, organiser les éléments d’une page Web, etc. Testez votre connaissance et travaillez sur les questions que vous trompez le plus souvent.
 
 

1. Quel sélecteur CSS permet de cibler les éléments <li> qui sont des éléments de liste dans une liste ordonnée (<ol>) ?

A ol li {}

B ol > li {}

C li:ol {}

D ol + li {}

Réponse  

2. Quel sélecteur CSS permet de cibler tous les éléments <p> qui ne sont pas les premiers enfants d’un parent ?

A p:not(:first-child) {}

B p:not(:last-child) {}

C p:first-child {}

D p:last-child {}

Réponse  

3. Quel sélecteur CSS permet de sélectionner tous les éléments <input> de type radio qui sont cochés ?

A input[type="radio"]:checked {}

B input:checked[type="radio"] {}

C input:radio:checked {}

D input[type="radio"]:active {}

Réponse  
 

4. Quel sélecteur CSS permet de sélectionner un élément uniquement si son texte est en italique (en utilisant font-style: italic) ?

A p:italic {}

B p[font-style="italic"] {}

C p::italic {}

D Ce sélecteur n’existe pas.

Réponse  

5. Quel sélecteur CSS permet de cibler tous les éléments <p> qui ne sont pas suivis d’un autre élément <p> ?

A p:only-child {}

B p:empty {}

C p:not(:has(+ p)) {}

D p:not(:last-child) {}

Réponse  

6. Quel sélecteur permet de cibler tous les éléments <a> qui pointent vers une URL contenant example.com ?

A a[href*="example.com"] {}

B a[href="example.com"] {}

C a[href^="example.com"] {}

D a[href$="example.com"] {}

Réponse  

7. Quel sélecteur CSS permet de cibler un élément <div> avec un attribut data-color="red" et une classe highlight ?

A div[data-color="red"].highlight {}

B div.highlight[data-color="red"] {}

C div[data-color="red"]:highlight {}

D div.highlight[data-color="red"] {}

Réponse  
 

8. Quel sélecteur CSS permet de cibler un élément <input> de type checkbox uniquement s’il est décoché ?

A input[type="checkbox"]:not(:checked) {}

B input[type="checkbox"]:checked {}

C input[type="checkbox"]:active {}

D input[type="checkbox"]:focus {}

Réponse  

9. Quel sélecteur permet de sélectionner tous les éléments <img> dans un conteneur avec la classe gallery et une largeur supérieure à 200px ?

A .gallery img { width: 200px; }

B .gallery img[width > 200px] {}

C .gallery img[width="200"] {}

D .gallery img[width] {}

Réponse  
 

10. Quel sélecteur CSS permet de cibler tous les éléments <button> qui ont été activés via une touche clavier (focus) ?

A button:focus-within {}

B button:active {}

C button:focus {}

D button:focus-visible {}

Réponse