特定于浏览器的 CSS 样式

Posted 2023-03-06

【中文标题】特定于浏览器的 CSS 样式

【英文标题】：CSS style specific to browser

【发布时间】：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;