Свойства дисплея не работают в chrome - PullRequest
Новая
       46

Свойства дисплея не работают в chrome

0 голосов
/ 18 июня 2020 
.action {
  display : -webkit-box;
  display : flex;
  margin-left : auto;
  color : transparent;
  -webkit-transition : .1s;
  transition : .1s;
}

Приведенный выше код Css работает в IE. Но в chrome display: -webkit-box и -webkit-transition: .1s не работают. свойства получают удар в консоли chrome. Я тоже хочу это показать.

1 Ответ

1 голос
/ 18 июня 2020

Они зачеркнуты, потому что повторяющиеся свойства принимают значение, которое находится последним в списке: 

div {
 color: red;
 color: blue;
 color: green;
}

Конечным результатом вышеизложенного будет green

По крайней мере, так до тех пор, пока он распознает значение, данное как нечто понятное: 

div {
 font-weight: 400;
 font-weight: 500;
 font-weight: red;
}

Здесь font-weight будет 500, потому что «красный» не является допустимым значением.

Здесь стоит отметить что -webkit-transitions и transition считаются одним и тем же свойством.

...