是否有任何可能性如何在CSS中为 * 内容定位HTML标记<title>：""*？通过一个属性同时控制<h1>和页面的标题会非常好。
<title>
<h1>
title::before{ content: "Hello world" }
如果这是不可能的，什么其他解决方案可能是适当的？谢谢!
xzlaal3s1#
事实上，你当然可以，因为HTML文档中的所有元素都是普通的<tags>，它们可以被设置为可见的，并获得id，class，style（内联或样式块）或任何其他选择器属性，无论是全局的还是自定义的。甚至contenteditable，并使它们在运行时可编辑（但在<script>上不起作用）。下面是一个代码片段，显示带有伪选择器的<title>。...如果你真的想深入了解显示运行时样式、链接和JavaScript，请查看我不久前创建的this Codepen。* 注意，不适合初学者 *。点击笔中底部/右侧的[显示样式]按钮，看看神奇的效果...
<tags>
id
class
style
contenteditable
<script>
<html> <head> <title>Document Title, quite long some we can forse a line break (well, on smaller windows anyway...)</title> <style> /* Because it is hidden by default */ head { display: block; } title { display: block; /* default hidden too */ width: 100%; min-height : 2rem; line-height: 2rem; hyphens: auto; cursor: pointer; overflow: hidden; font-size: larger; text-align: center; background-color: hsl(45,100%,50%); } title::before { content: 'Before: ' ; font-weight: bold } title::after { content: ' :The End!'; font-weight: bold } body { background-color: Gainsboro } </style> </head> <body> <p>Some regular paragraph element</p> </body> </html>
1条答案
按热度按时间xzlaal3s1#
事实上，你当然可以，因为HTML文档中的所有元素都是普通的
<tags>，它们可以被设置为可见的，并获得id，class，style（内联或样式块）或任何其他选择器属性，无论是全局的还是自定义的。甚至contenteditable，并使它们在运行时可编辑（但在<script>上不起作用）。下面是一个代码片段，显示带有伪选择器的
<title>。...如果你真的想深入了解显示运行时样式、链接和JavaScript，请查看我不久前创建的this Codepen。* 注意，不适合初学者 *。点击笔中底部/右侧的[显示样式]按钮，看看神奇的效果...