如何使用 jquery 和 css 显示 div 的名称

Question

我正在使用 WordPress 主题，有时我喜欢开发某种“CSS CHEAT SHEET”，当它链接到网站时，会添加边距、边框和其他一些属性，让我看到更直观的指南元素在哪里相关，它们的嵌套 div 等等。

有点像：

#page::after { content: 'B ) - #page'; }

获得类似于指南/网格/标尺的东西；但前提是我链接了我的 CSS。

对于更简单的项目，通常我只需要定位元素 id 但使用 wordpress 一些 div 名称取决于其他功能...

所以我想用 jquery 获取元素 id，然后在伪元素中用 css 显示它。

这可能吗？

我询问 jquery，因为我也使用“Styler”(https://github.com/mjrthemes/styler) 在进行实际项目之前以这种方式探索它们。

Answer 1

你只能使用 css：

 #page::after { 
    content: attr(id) 'B ) - #page';
 }