特定于浏览器的 CSS 样式

Question

我有一个 CSS 类，如下

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

对于上面的类，我想为 div 应用边距。 在 IE 浏览器中我想应用“margin: 10px 8px 2px 20px;”在 Chrome 中，我想将边距应用为“-webkit-margin-before : 1em; -webkit-margin-start : 10px;"。

但即使在 Chrome 中，它也在考虑“margin: 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;
}