手动拆分css命令

我使用的squarespace模板不允许我插入下面的代码。我得到回复，我需要手动拆分命令

我从背景中得到了一个错误：我曾尝试过几次来实现这一点，但都不太准确

.mobile-nav .show-nav {
background: url("http://www.jobspark.ca/item/517adb63e4b06ea9dd79ace8?format=original")    no-repeat scroll center center / 30% auto #000000;
border-bottom: 1px solid #000000;
color: #FFFFFF;
cursor: pointer;
display: block;
max-height: 50px;
padding: 1em 40px 50px;
}

很可能是速记造成了问题，所有平台和浏览器的支持都不一致-您应该像这样将速记拆分：

.mobile-nav .show-nav {
background-image: url('http://www.jobspark.ca/item/517adb63e4b06ea9dd79ace8?format=original');
background-position: center center;
background-size: 30% auto;
background-color: black;
/* omitted default values */
border-bottom: 1px solid #000000;
color: #FFFFFF;
cursor: pointer;
display: block;
max-height: 50px;
padding: 1em 40px 50px;
}