Question

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

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

实际问题如下。

假设我们有一个课程

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

我想做的是在打印时显示它，因为它的样式比在宽屏上的同一块的实例要容易得多。因此，在印刷媒体样式中，我尝试做类似的事情

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

但是，我看不到它显示。这里有什么审慎的措施？

Answer 1

按照如下规则在现有CSS的末尾添加打印样式：

App
├── go.mod
└── src
    ├── app.go
    └── foo
    |    └── foo.go
    └── bar
        └── bar.go

也正如其他评论者所提到的，您在@media print { ... }声明中有一个错字（感叹号在重要一词之前）。