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

Question

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

有点像：

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

获得类似指南/网格/标尺的东西;但只有我链接我的CSS。

对于更简单的项目，通常我只需要定位元素id但是使用wordpress一些div名称依赖于其他函数...

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

这可能吗？

我问jquery，因为我还使用“Styler”（end）以这种方式探索实际项目，然后再进行处理。

Answer 1

您只能使用css：

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