QCM HTML / CSS – Partie 54

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 un élément ayant un attribut data-id ?

A [data-id] {}

B #data-id {}

C .data-id {}

D data-id {}

Réponse  

2. Quel sélecteur CSS permet de sélectionner tous les éléments de type <div> à l’intérieur d’un élément avec l’ID container ?

A container div {}

B #container div {}

C div #container {}

D .container div {}

Réponse  

3. Quel sélecteur CSS permet de cibler le premier enfant d’un élément parent ?

A parent:first-child {}

B parent > first-child {}

C parent:first-of-type {}

D parent > :first-child {}

Réponse  
 

4. Quel sélecteur CSS permet de cibler tous les éléments <a> qui ne possèdent pas de lien (pas d’attribut href) ?

A a:empty {}

B a:not([href]) {}

C a:link {}

D a[href=""] {}

Réponse  

5. Quel sélecteur CSS est utilisé pour cibler un élément qui est le dernier enfant de son parent ?

A parent:last-child {}

B parent > :last-child {}

C parent:last-of-type {}

D parent > :last-of-type {}

Réponse  

6. Quel est le résultat du sélecteur suivant: input[type="text"] ?

A Sélectionner tous les éléments <input> de type texte.

B Sélectionner tous les éléments <input> de type text.

C Sélectionner tous les éléments <text> de type input.

D Sélectionner tous les éléments <input> qui ont une classe text.

Réponse  
 

7. Quel sélecteur CSS permet de sélectionner tous les éléments <p> qui sont des enfants directs d’un élément avec la classe content ?

A .content > p {}

B .content p {}

C content > p {}

D p > .content {}

Réponse  

8. Quel sélecteur CSS permet de cibler tous les éléments <input> ayant une classe disabled et un attribut disabled ?

A input.disabled:disabled {}

B input[disabled].disabled {}

C .disabled[disabled] {}

D input.disabled[disabled] {}

Réponse  

9. Quel sélecteur permet de sélectionner un élément <p> uniquement si son texte est en majuscules (utilisant text-transform: uppercase dans le CSS) ?

A p:uppercase {}

B p::uppercase {}

C p:text-transform(uppercase) {}`

D Ce sélecteur n’existe pas.

Réponse  
 

10. Quel sélecteur CSS permet de cibler tous les éléments ayant un attribut data-* qui commence par "user-" ?

A [data-user-*] {}

B [data-*^="user-"] {}

C [data-user^="*"] {}

D [data-*^="user"] {}

Réponse