QCM HTML / CSS – Partie 57

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 <p> qui sont à l’intérieur d’un conteneur <section>, mais pas ceux qui sont dans un <div> ?

A section p:not(div p) {}

B section > p:not(div p) {}

C section p:not(div p) {}

D section > p {}

Réponse  

2. Quel sélecteur CSS permet de cibler tous les éléments <a> dans une page, sauf ceux qui sont dans un menu de navigation avec la classe nav ?

A a.nav a {}

B a:not(.nav a) {}

C a:not(.nav) {}

D a:not(.nav a) {}

Réponse  

3. Quel sélecteur CSS permet de cibler tous les éléments <div> ayant une classe highlight et qui contiennent un élément <img> avec un attribut alt vide ?

A .highlight img[alt=""] {}

B .highlight img:empty[alt=""] {}

C .highlight img[alt=""]:not(:empty) {}

D .highlight img[alt=""] {}

Réponse  
 

4. Quel sélecteur CSS permet de cibler un élément <div> avec une classe wrapper qui contient plus de 5 éléments <p> ?

A div.wrapper:has(p:nth-child(n+5)) {}

B div.wrapper > p:nth-child(n+5) {}

C div.wrapper p:nth-child(n+5) {}

D div.wrapper:has(p) {}

Réponse  

5. Quel sélecteur CSS permet de cibler tous les éléments <input> dont le type est text et qui ont un attribut placeholder qui commence par « Enter »?

A input[type="text"][placeholder^="Enter"] {}

B input[type="text"]:placeholder^="Enter" {}

C input[type="text"]:placeholder-start("Enter") {}

D input[type="text"]::placeholder^="Enter" {}

Réponse  

6. Quel sélecteur CSS permet de cibler tous les éléments <p> dans une page, sauf ceux qui sont à l’intérieur d’un <section> avec la classe no-style ?

A section.no-style p {}

B p:not(.no-style p) {}

C p:not(section.no-style p) {}

D p:not(section > .no-style) {}

Réponse  
 

7. Quel sélecteur CSS permet de cibler tous les éléments <input> de type radio qui ont un attribut name égal à « gender » et sont cochés ?

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

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

C input[name="gender"]:checked {}

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

Réponse  

8. Quel sélecteur CSS permet de cibler tous les éléments <span> qui sont directement suivis par un élément <div> dans une section avec la classe content ?

A section.content span + div {}

B section.content > span + div {}

C section.content span + div {}

D section.content span > div {}

Réponse  

9. Quel sélecteur CSS permet de cibler tous les éléments <a> d’un menu de navigation (nav) qui n’ont pas encore été visités ?

A nav a:visited {}

B nav a:link {}

C nav a:unvisited {}

D nav a:active {}

Réponse  
 

10. Quel sélecteur CSS permet de cibler tous les éléments <p> dans un conteneur .blog qui ne sont pas suivis par un élément <ul> ?

A .blog p:not(+ ul) {}

B .blog p:not(:has(+ ul)) {}

C .blog p:not(:has(ul)) {}

D .blog p + :not(ul) {}

Réponse