我正在向朋友谈论有关HTML的事情，我想知道是否可以使用CSS动态显示该页面上其他地方的HTML文本输入的值？顺便说一句，这是一个假设的问题，我看不出它有任何实际用途，但请使用以下代码HTML / CSS：
<!doctype html>
<html>
<head>
<title>I like this world</title>
</head>
<style>
div:after {
content: "Hello";
}
</style>
<body>
<input type="text">
<!-- the content shown will be "Hello" -->
<div></div>
</body>
</html>
div标签将显示“Hello”字符串，因为我们使用:after伪元素在div中生成内容。是否可以使用CSS选择器，以便div在用户输入时显示输入的内容/值？下面的代码示例不起作用，但我想的是这样的......
<style>
div:after {
content: input[value];
}
</style>
我正在家里尝试这个以确定是否可能，如果其他人已经尝试过它并且可以告诉我它是否可能我会非常感激。
如果我没有解释好自己，请说明，我将改写。
没有JavaScript，这是不可能的。
但是你可以显示一个属性：
<div data-text="Show this text"></div>
<style>
div:after {
content: attr(data-text);
}
</style>