CSS检查Chrome,IE,Firefox

Question

在渲染我的网站时,我注意到三个主要浏览器中存在一个小的对齐问题.因此,如何使用纯CSS执行以下伪代码？

if Webkit (Safari/Chrome) {
    #myDIV {margin-top:-3px}
} else if (Firefox) {
    #myDIV {margin-top:0px}
} else { // IE and other browsers
    #myDIV {margin-top:1px}
}

Answer 1

您可以使用 CSS Hack。但是，我不会推荐它。

对于 IE，您可以在条件注释中包含单独的 CSS 文件或<style>标记，如下所示：

<!--[if IE] <tag> <![endif]-->