Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 悬停多个元素_Css - Fatal编程技术网

Css 悬停多个元素

Css 悬停多个元素,css,Css,我想问你们,当我同时悬停在“after”之后时,是否可以悬停元素?不瞄准元素?我想设置一个不透明度的p元素当我悬停在远处。我是新的编码,所以我会很高兴,如果你能帮我解决这个问题,提前感谢 *{ 填充:0; 保证金:0; } .集装箱{ 位置:相对位置; } .盒子{ 保证金:50px自动; 宽度:200px; 高度:400px; 背景颜色:灰色; 边界半径:20px; } .box::之后{ 内容:“; 位置:绝对位置; 底部:0; 右:30.5%; 宽度:50px; 高度:50px; 边框左

我想问你们,当我同时悬停在“after”之后时,是否可以悬停元素?不瞄准元素?我想设置一个不透明度的p元素当我悬停在远处。我是新的编码,所以我会很高兴,如果你能帮我解决这个问题,提前感谢

*{
填充:0;
保证金:0;
}
.集装箱{
位置:相对位置;
}
.盒子{
保证金:50px自动;
宽度:200px;
高度:400px;
背景颜色:灰色;
边界半径:20px;
}
.box::之后{
内容:“;
位置:绝对位置;
底部:0;
右:30.5%;
宽度:50px;
高度:50px;
边框左上半径:100%;
边框右下半径:20px;
背景色:#73688e;
过渡:1s;
}
.box:悬停:在{
不透明度:1;
边界半径:20px;
宽度:39%;
身高:100%;
}
.文本{
不透明度:0;
位置:相对位置;
z指数:1;
}

Lorem ipsum door sate amet concertetur adipising elit。流动性,腐败的建筑设计师,非智者,非智者,不公平的,不公平的


使用
指针事件
可以做到这一点

.container{
位置:相对位置;
}
.盒子{
保证金:50px自动;
宽度:200px;
高度:400px;
背景颜色:灰色;
边界半径:20px;
指针事件:无;/*已添加*/
}
.box::之后{
内容:“;
位置:绝对位置;
底部:0;
右:30.5%;
宽度:50px;
高度:50px;
边框左上半径:100%;
边框右下半径:20px;
背景色:#73688e;
过渡:1s;
指针事件:初始;/*已添加*/
}
.box:悬停:在{
不透明度:1;
边界半径:20px;
宽度:39%;
身高:100%;
}
.文本{
不透明度:0;
位置:相对位置;
z指数:1;
过渡:1s;
}
/*增加*/
.box:悬停.text{
不透明度:1;
指针事件:初始;
}
/**/

Lorem ipsum door sate amet concertetur adipising elit。流动性,腐败的建筑设计师,非智者,非智者,不公平的,不公平的