Требует ли css использовать двойные тире (-) перед именами переменных?

Question

Я заметил, что когда я использую переменные css, мне нужно поставить перед ними две черточки:

:root {
    --main-txt-color: blue; 
}

#div1 {
    color: var(--main-txt-color);
}

Я бы предпочел, чтобы в начале имен переменных не было двойных черточек.Я бы предпочел назвать его так, как я выбрал, например:

:root {
        myvar: blue; 
    }

Есть ли способ сделать это или мне нужно использовать двойные тире?

Answer 1

Настраиваемые свойства

Настраиваемые свойства участвуют в каскаде: значение такого настраиваемого свойства является значением из объявления, определяемого каскадным алгоритмом.

Вы должны использовать -- в переменных, в противном случае это приведет к ошибке.

Юридическое заявление

(С --)

:root {
  --my-color: #5637a8;
}
body {
  background-color: var(--my-color);
}

Незаконное заявление

(без использования --)

:root {
  my-color: #85637d;
}
body {
  background-color: var(my-color);
}

Answer 2

Двойные черточки используются в пользовательских свойствах, определенных пользователем.

С другой стороны, свойства CSS, уже существующие в стандарте, не имеют двойных черточек.

Например, выможно определить стиль внутри файла .css или внутри
внутри:

body{
color: blue;
background-color: white;
}

h1 { 
    font-family: "Times New Roman";
    font-size: 20;
    font-weight: bold;    
    align: center;
    margin-top: 10;
    margin-bottom: 10;
    margin-left: 0;
    margin-right: 0;
 }