突出显示div和跨度与无风格的类

Question

如何突出显示html中包含未设置样式的所有span和div？这是出于调试目的，提醒我仍然需要解决的问题。

Answer 1

使用border突出显示span和div元素

要么：

span, div{
    border: 1px solid red;
    background-color: yellow;
}

或者：

.unstyledClassOfDivAndSpan{
    border: 1px solid red;
}

Answer 2

我会在所有元素中添加一个XXX类，然后使用这个定义：

.XXX {
    border: 5em solid red;
    background-color: green;
}

确保它位于样式表的末尾，因此不会被覆盖。然后在元素完成后，删除XXX类。

Answer 3

请使用此Css悬停样式突出显示html中的所有范围和div

div, span{
    border: 1px solid red;
    background-color: Black;
}

div:hover, span:hover{
    border: 1px solid Black;
    background-color: red;
}

或 * 请使用此Css和Jquery悬停功能突出显示html中的所有跨度和div *

.hilight{
    border: 1px solid red;
}


$(function(){
    $("spna div").hover(function(){
        $(this).toggleClass("hilight");
    });
});