css - 冲突!CSS 中的重要声明

Question

我正在对其他开发人员编写的 CSS 模板进行一些更改。有一个地方某个 block 被复制。第一个版本对于宽屏显示是隐藏的，反之亦然。

我不确定为什么不能只使用一个来完成这两个操作，但显然这是一种常见的做法。可能是因为这个隐藏部分在屏幕右侧显示为窄宽列(使用 Bootstrap 4)，而在移动版本中它显示在宽列内容的上方。但我离题了……也许有人可以对此发表评论。

实际问题如下。

假设我们有一个类

@media (min-width: 768px)
.d-md-none {
    display: none!important;
}

我想做的是为打印显示它，因为它更容易设置样式，而不是用于宽屏幕的同一 block 的实例。所以，在打印媒体风格中，我尝试做这样的事情

.d-md-none {
  display: block important!;
}

但是，我没有看到它显示出来。谨慎的做法是什么？

Answer 1

在规则中的现有 CSS 末尾添加打印样式，如下所示:

@media print {
  ...
}

另外，正如其他评论者所提到的，您的 !important 声明中有错字(感叹号出现在 important 之前)。