gpt4 book ai didi

css - 如何在 CSS 中组合通用选择器和属性选择器

转载 作者:太空宇宙 更新时间:2023-11-04 12:46:50 25 4
gpt4 key购买 nike

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

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

最佳答案

我使用了z-index元素:after

这是js fiddle

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>

关于css - 如何在 CSS 中组合通用选择器和属性选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26448987/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com