Bonjour !

Je tiens à déclarer que je débute en HTML/CSS, je me pose donc des questions sur son fonctionnement et autre.

Ma question est la suivante : Pourquoi certaines caractéristiques CSS d'un élément ne fonctionne pas si par défaut on lui donne la caractéristique "display: none"

Pour être plus compréhensif j'ai fait un codepen : https://codepen.io/catif/pen/mdMVxaY

Si ma question est confuse n'hésitez pas, j'essayerai de reformuler 

-
Edité par Catif 16 octobre 2021 à 16:36:07

Bonjour,

il me semble que le souci n'est pas display: none mais au contraire display: contents.

These elements don't produce a specific box by themselves. They are replaced by their pseudo-box and their child boxes.

(source : https://developer.mozilla.org/en-US/docs/Web/CSS/display )

Ici, display: contents affiche le contenu de la boîte, et pas la boîte elle-même. Donc c'est normal que color fonctionne puisque c'est une propriété du contenu, mais background ne l'est pas, et position non plus.

Effectivement, merci pour ta réponse !

Je pensais que le contraire de "none" était "contents" pour contenue ^^'