使用伪元素更改<title>元素的内容

Question

＆lt; h1＆gt;我想要的＆lt; / h1＆gt; ＆lt; p＆gt;通过':: before'伪元素选择并将'content'属性应用于选择来更改html'title'元素的内容。＆lt; / p＆gt; ＆LT; H1＆GT;问题＆LT; / H1＆GT; ＆lt; p＆gt;我有一个网页：＆lt; / p＆gt; ＆LT;预＆GT;＆LT;代码＆GT;＆LT; HTML＆GT; ＆LT; HEAD＆GT;   ＆lt; title＆gt;某些标题＆lt; / title＆gt;   ＆lt; link rel =“stylesheet”type =“text / css”href =“stylesheet.css”＆gt; ＆LT; /头＆GT; ＆LT;身体GT;   ＆lt; p＆gt;某段落＆lt; / p＆gt; ＆LT; /体＆GT; ＆LT; / HTML＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;和css样式表：＆lt; / p＆gt; ＆lt; pre＆gt;＆lt; code＆gt; title :: before {   内容：“文字”; } p :: before {   内容：“文字”; } ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;我似乎无法用css样式以这种方式更改html'title'元素的内容，但它适用于'p'元素。＆lt; / p＆gt; ＆lt; p＆gt;我知道有很好的javascript库可以很好地处理这个问题，但是我想将这些更改应用到我的webbrowser中使用自定义userstyle.css提供的外部网页。＆lt; / p＆gt; ＆lt; p＆gt;可以吗？＆lt; / p＆gt;

Answer 1

标题元素不会像其他元素一样在视口上呈现，因为它位于头部而不是正文中，因此伪元素不会与它一起使用。

Answer 2

只需按F12查找头标记即可。您会发现默认情况下它已被隐藏。您可以通过jQuery更改内容。 $（'title'）。text（'you text here'）;