适用于Firefox和Chrome的条件CSS

Question

我有一个表格，我正在格式化，一个显示命令不适用于firefox和chrome。

这就是我所拥有的：

.form-item .description {
font-size: 0.85em;
display: table-caption;
}

这适用于Firefox，但对于chrome我需要：

.form-item .description {
font-size: 0.85em;
display: table-footer-group; 
}

有没有办法可以将其写入一个css命令？如果firefox选项1，如果chrome选项2 ect

Answer 1

你可以这样做：

<强>火狐

@-moz-document url-prefix() { 
  .form-item .description {
    font-size: 0.85em;
    display: table-caption;
  }
}

<强>铬/ Safari浏览器

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .form-item .description {
   font-size: 0.85em;
   display: table-footer-group; 
 }
}