如何解决如何在父级伪类之前修复
我的意图是固定 :before 伪类的位置,就像标题一样,因此无论滚动条的位置如何,“JSON 语言”文本都将保持固定。
* {
padding: 0;
margin: 0;
Box-sizing: border-Box;
}
.code {
--alpha: #00000011;
background: var(--alpha);
overflow-x: auto;
padding: 1.2rem;
}
.code:before {
content: attr(plang) " language";
display: block;
background: var(--alpha);
padding: 1rem;
margin-bottom: 1rem;
}
<pre class="code" plang="JSON">
{
"extension": "json","css_path": "styles/Syntax/json","rules": [
{
"regex": "\"(\\\\.|[^\"])+\"(?=\\s*:)","type": "key"
},{
"regex": "(null|true|false|-?\\d+\\.?\\d*|\"(\\\\.|[^\"])+\")(?=\\s*[,}\\]])",REALLY LONG TEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEXT
"type": "value"
}
]
}
</pre>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。