Mon code css se présente comme ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    html {
      height: 100%;
      font-size: 1em;
      --main-column: 60em;
      -webkit-text-size-adjust: 100%;
    }
 
...
 
    @media screen and (max-width: var(--main-column)) {
      .classe_ko {
        display: none;
      }
    }
 
    @media screen and (max-width: 60em) {
      .classe_ok {
        display: none;
      }
    }
J'envisageait d'utiliser une variable pour ne pas avoir à modifier une taille à plusieurs endroits de la page.
Seulement, je n'arrive pas à utiliser cette variable avec le media screen ...
Les éléments classe_ko seront toujours affiché contrairement aux classe_ok

Est-ce une idée à oublier ?