css - 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;
  }
}

Chrome/Safari

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