QCM HTML / CSS – Partie 56

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 tous les éléments <input> qui ont une valeur définie (autre que vide) ?

A input:not(:empty) {}

B input[value] {}

C input[value!=""] {}

D input:not(:blank) {}

Réponse  

2. Quel sélecteur permet de cibler le premier élément <li> d’un groupe de liste qui est aussi un élément <strong> ?

A ul > li:first-child strong {}

B ul > li:first-of-type strong {}

C ul > li:first-child:strong {}

D ul > li > strong:first-child {}

Réponse  

3. Quel sélecteur CSS permet de cibler un élément <span> qui contient exactement trois mots (utilisant l’espace comme séparateur) ?

A span:contains("word word word") {}

B span:words(3) {}

C span { word-count: 3; }

D Ce sélecteur n’existe pas en CSS pur.

Réponse  
 

4. Quel sélecteur CSS permet de sélectionner un élément <input> dont la valeur est égale à « email » (en respectant la casse exacte) ?

A input[value="email"] {}

B input[value="email"]:exact {}

C input[value="email"] {}

D input[value~="email"] {}

Réponse  

5. Quel sélecteur permet de cibler tous les éléments <h1>, <h2>, et <h3> qui sont dans un conteneur <header> ?

A header h1, header h2, header h3 {}

B header > h1, h2, h3 {}

C header:h1, header:h2, header:h3 {}

D h1, h2, h3 > header {}

Réponse  

6. Quel sélecteur CSS permet de cibler tous les éléments <li> qui ne contiennent pas d’élément <a> à l’intérieur ?

A li:has(:not(a)) {}

B li:not(a) {}

C li:empty {}

D li:not(:has(a)) {}

Réponse  

7. Quel sélecteur CSS permet de cibler tous les éléments <p> qui sont suivis immédiatement d’un élément <footer> ?

A p + footer {}

B footer + p {}

C p ~ footer {}

D footer ~ p {}

Réponse  
 

8. Quel sélecteur CSS permet de cibler un élément <input> de type text lorsque son contenu est vide ?

A input[type="text"]:empty {}

B input[type="text"]:not(:empty) {}

C input[type="text"]:value="" {}

D input[type="text"]:placeholder-shown {}

Réponse  

9. Quel sélecteur permet de cibler un élément <p> qui est contenu dans un élément <div> et dont le texte est en gras ?

A div p { font-weight: bold; }

B div p:font-weight(bold) {}

C div p b {}

D div > p:has(b) {}

Réponse  

10. Quel sélecteur CSS permet de cibler tous les éléments <span> dans un élément <p>, mais uniquement ceux qui sont à l’intérieur du dernier paragraphe d’une page ?

A p:last-of-type span {}

B p span:last-child {}

C p:last-child span {}

D p span:last-of-type {}

Réponse