特定于浏览器的CSS样式

Question

我有一个CSS类如下

.sub-title
{
    -webkit-margin-before : 1em;
    -webkit-margin-start : 10px;
    margin: 10px 8px 2px 20px;
    overflow-wrap: break-word;
}

有了上面的课，我想为div申请保证金。 在IE浏览器中，我想申请“保证金：10px 8px 2px 20px;”在chrome中我想将保证金应用为“-webkit-margin-before：1em;                    -webkit-margin-start：10px;“。

但即便在Chrome中，也在考虑“保证金：10px 8px 2px 20px;”只是，而不是webkit。

Answer 1

将margin: 10px 8px 2px 20px;放在-webkit-margin-before : 1em;

之前

css始终采用应用于元素的最后一种样式。在这种情况下，首先它将应用margin: 10px 8px 2px 20px;，然后应用-webkit-margin-before : 1em;。在IE的情况下，第二行将被忽略。

.sub-title
{
    margin: 10px 8px 2px 20px;
    -webkit-margin-before : 1em;
    -webkit-margin-start : 10px;
    overflow-wrap: break-word;
}