css @选择器的目的是啥？ [复制]

Posted 2023-02-24

【中文标题】css @选择器的目的是啥？ [复制]

【英文标题】：What is the purpose of css @ selector? [duplicate]css @选择器的目的是什么？ [复制]

【发布时间】：2013-11-19 07:17:45

【问题描述】：

有人知道这个例子中的“@page”选择器是干什么用的吗？

@media print 
  @    page 
        margin: 2cm .5cm;
    

【问题讨论】：

我相信它对于印刷媒体，你可以指定尺寸：A4等

【参考方案1】：

我认为，这实际上应该是 @page（没有空格）。

MDN on @page

@page CSS at-rule 用于在打印文档时修改某些 CSS 属性。您不能使用 @page 更改所有 CSS 属性。您只能更改文档的页边距、孤立点、窗口和分页符。更改任何其他 CSS 属性的尝试将被忽略。

【讨论】：

啊，很有道理。

【参考方案2】：

可以使用@page 规则设置页面样式，默认情况下，这些规则适用于文档中的每个页面。也可以使用页面选择器将样式应用于特定页面。