Question

这是WordPress主题二十六中文件style.css的摘录。我有这部分代码在页面的顶部和底部创建一个黑色条带。

body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
    background: inherit;
    content: "";
    display: block;
    height: 21px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}

我肯定这个原因我已经明白将高度修改为0px我让条带消失了。但是这些指令如何用于创建两个条带？我知道它也是一个完整的CSS工作，但我认为这些指令是这项工作的重要组成部分。

主题预览如下： https://wordpress.org/themes/twentysixteen/

整个style.css文件在这里： https://github.com/WordPress/twentysixteen/blob/master/style.css#L18-L51

谁能帮我清理一下？

Answer 1

:before和:after是伪选择器。通过这个，您可以设计元素之前/之后发生的事情。

Background: inherit;将继承body元素的背景。

请注意，margin: 21px

上还有一个.page

了解一些wp主题css代码

1 个答案: