特定于浏览器的 CSS 样式

【问题标题】：CSS style specific to browser特定于浏览器的 CSS 样式
【发布时间】：2015-11-20 01:35:17
【问题描述】：

我有一个 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。

【问题讨论】：

【解决方案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;
}

【讨论】：