如何在CSS中组合Universal选择器和Attribute选择器

Question

我需要满足这个要求：编写你的页面，这样如果你将鼠标悬停在任何元素上（即任何标题，段落，图像等），该元素将以黄色突出显示。这必须是一个选择器，一个 - 属性添加到样式表 - 不允许使用逗号！ （注意：这很棘手。）

作为需求，这很棘手！希望你能帮助我，THX~

Answer 1

我使用了z-index和pseudo元素:after

这里是js小提琴

Js Fiddle

    * {
        position:Relative;
        background: transparent;
        z-index:1;
    }
    *:hover:not(html):not(body):after {
        content:" ";
        background: yellow;
        display:block;
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
        z-index:-1;
    }

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>

<h1><p>Lorem ipsum dolor</p></h1>

Answer 2

您可以将jQuery用于此

$(document).ready(function(e){
      $('*').mouseenter(function(){
         $(this).css('background','yellow');
      }).mouseleave(function(){
         $(this).css('background','#fff')  
      });
 });