我可以让CSS使用生成的内容显示元素的ID,如下所示:
<style>
h2:hover:after {
color: grey;
content: "#" attr(id);
float: right;
font-size: smaller;
font-weight: normal;
}
</style>
<h2 id="my-id">My ID</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et.</p>
Run Code Online (Sandbox Code Playgroud)
如何使生成的内容("#my-id")可选,以便用户可以突出显示并复制它?
我正在构建一个工作页面,其中有一个部分,其中内容需要在按钮单击时动态更改.我知道有几种不同的方法可以实现这一点,但所有这些方法都涉及到某种类型的javascript.我的功能目前不包括为这个站点编写脚本所以我正在研究是否有办法用JUST css做这个,然后我通知我的项目经理我们的一个javascript人员将不得不处理它.那么,任何人都知道任何可能获得预期效果的很酷的CSS技术吗?