У меня очень странная ситуация.
В моем проекте maven у меня есть файл CSS со следующим правилом:
.user_form{
background-image: none !important;
margin-bottom: 8px !important;
width: 30px !important;
height: 30px !important;
border: 1px solid #d5d5dc;
border-radius: 3px;
font-family: DPL_Iconfont;
color: #47bdb5;
justify-content: center;
display: flex;
background: #F9F9FA;
align-items: center;
display: -ms-flexbox;
}
Файл CSS действителен, и в нем нет ошибок. Если я запускаю mvn package и открываю сгенерированный WAR, файл CSS имеет следующее правило:
.user_form{
background-image: none !important;
margin-bottom: 8px !important;
width: 30px !important;
height: 30px !important;
border: 1px solid #d5d5dc;
border-radius: 3px;
font-family: DPL_Iconfont;
color: #47bdb5;
justify-content: center;
background: #F9F9FA;
align-items: center;
display: -ms-flexbox;
}
Свойство display: flex;удаляется.
Я не могу понять, что происходит.
Если переместить свойство в конце блока, как показано ниже
.user_form{
background-image: none !important;
margin-bottom: 8px !important;
width: 30px !important;
height: 30px !important;
border: 1px solid #d5d5dc;
border-radius: 3px;
font-family: DPL_Iconfont;
color: #47bdb5;
justify-content: center;
background: #F9F9FA;
align-items: center;
display: -ms-flexbox;
display: flex;
}
, сборка maven неудалите свойство, и файл CSS останется прежним.