QCM HTML / CSS – Partie 53
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. Tu veux appliquer un style à tous les éléments <p> qui suivent un élément <h1> ou <h2>, mais pas un <h3>. Quel sélecteur CSS utiliserais-tu ?
A h1 + p, h2 + p, :not(h3 + p)
B h1 + p, h2 + p, :not(h3 ~ p)
C h1 ~ p, h2 ~ p, :not(h3 + p)
D h1 + p, h2 + p
2. Tu veux appliquer un style à tous les liens <a> qui contiennent l’attribut data-role égal à "admin"
. Quel sélecteur CSS utiliserais-tu ?
A a[data-role="admin"]
B a[data-role="admin"]:link
C a[data-role="admin"]:visited
D a[role="admin"]
3. Tu veux appliquer un style à tous les éléments <input> de type "text"
, mais seulement lorsqu’ils sont désactivés. Quel sélecteur CSS utiliserais-tu ?
A input[type="text"]:disabled
B input[type="text"]:not(:enabled)
C input[type="text"]:focus:disabled
D input[type="text"]:disabled:focus
4. Tu veux appliquer un style à tous les éléments <p> avant le dernier <h2> sur la page. Quel sélecteur CSS utiliserais-tu ?
A p:nth-child(-n+last-of-type(h2))
B p ~ h2:last-of-type
C p:not(:last-of-type) ~ h2
D p:not(h2:last-child)
5. Tu veux appliquer un style à tous les liens <a> lorsqu’ils sont en survol et ont été visités. Quel sélecteur CSS utiliserais-tu ?
A a:hover:link:visited
B a:hover:visited
C a:visited:hover
D a:visited:hover:link
6. Tu veux appliquer un style à tous les éléments <button> qui n’ont pas l’attribut disabled. Quel sélecteur CSS utiliserais-tu ?
A button:not([disabled])
B button:not([disabled=true])
C button[disabled]:not()
D button[disabled=false]
7. Tu veux appliquer un style à tous les éléments <ul> qui contiennent exactement deux éléments <li>. Quel sélecteur CSS utiliserais-tu ?
A ul:has(li:nth-child(2))
B ul > li:nth-child(2)
C ul > li:nth-of-type(2)
D ul:has(> li:nth-child(2))
8. Tu veux appliquer un style à tous les champs <input> qui sont de type « checkbox » et qui sont cochés, mais pas à ceux qui sont désactivés. Quel sélecteur CSS utiliserais-tu ?
A input[type="checkbox"]:checked:enabled
B input[type="checkbox"]:checked:not(:disabled)
C input[type="checkbox"]:enabled:checked
D input[type="checkbox"]:disabled:checked
9. Tu veux appliquer un style à tous les éléments <li> qui sont à la 3ème et 5ème position dans une liste. Quel sélecteur CSS utiliserais-tu ?
A li:nth-child(3), li:nth-child(5)
B li:nth-child(3n+5)
C li:nth-of-type(3), li:nth-of-type(5)
D li:nth-child(odd)
10. Tu veux appliquer un style à tous les éléments <p> qui contiennent le mot « CSS », peu importe la casse (minuscule ou majuscule). Quel sélecteur CSS utiliserais-tu ?
A p:has("CSS")
B p:contains(text("CSS"))
C p:contains("CSS")
D p:has(:contains("CSS"))