CSS::after
与content
和结合使用时具有很好的功能attr()
,可让您插入任何attr值作为伪元素内容。
为了进行常规调试,我希望在所有HTML元素上附加一个黄色标签,并将其内容作为元素的名称。
我可以用CSS做id和class。
但是对于元素(p
div
span
等),javascript是唯一的选择吗?
是的,您必须使用使其更容易的javascript或jQuery:DEMO
HTML测试
<div>
</div>
<p></p>
<form></form>
<span></span>
CSS测试
[data-tag]:before {content:attr(data-tag);}
jQuery的
$("body").children().each(function() {
var domel= $(this).get(0);
$(this).attr("data-tag",domel.nodeName);
})
它产生这个:
<div data-tag="DIV"></div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句