Css 当另一个处于悬停状态时更改divs属性

我试图使一个div的宽度变小，而另一个div是悬停的。我不知道该如何用css语法编写它。我尝试使用“+”但是只有一个div更小，但是我想再小三个div

.portfolio.container流体{
填充：0px；
溢出：隐藏；
}
.p-第1节h1{
颜色：#fff；
显示：无；
过渡：1s；
}
.p-第1节，
.p-第2节，
.p-第3节，
.p-4节{
不透明度：0.2；
宽度：25%；
浮动：左；
最小高度：600px；
过渡：1s；
}
.p-第1节：悬停，
.p-第2节：悬停，
.p-第3节：悬停，
.p-第4节：悬停{
不透明度：1；
}
.p-第1节{
背景图片：url（img/a.PNG）；
}
.p-第1节：悬停{
背景图片：url（img/a.PNG）；
宽度：75%；
过渡：1s；
}
.p-部分1：悬停.p-部分2，
.p-第3节，
.p-4节{
宽度：8%；
}
.p-第2节{
背景图片：url（img/b.PNG）；
}
.p-第2节：悬停{
宽度：75%；
}
.p-3节{
背景图片：url（img/a.PNG）；
}
.p-第3节：悬停{
宽度：75%；
}
.p-4节{
背景图片：url（img/b.PNG）；
}
.p-第4节：悬停{
宽度：75%；
}

蒂图什
蒂图什
蒂图什
蒂图什

尝试改用

~

.p节{
浮动：左；
宽度：140px；
背景：灰色；
保证金：5px；
溢出：隐藏；
过渡：宽度0.5s；
}
.p-section:悬停~.p-section{
宽度：70px；
}

蒂图什
蒂图什
蒂图什
蒂图什

尝试改用

~

.p节{
浮动：左；
宽度：140px；
背景：灰色；
保证金：5px；
溢出：隐藏；
过渡：宽度0.5s；
}
.p-section:悬停~.p-section{
宽度：70px；
}

蒂图什
蒂图什
蒂图什
蒂图什

将鼠标悬停在父对象上时，可以应用更改所有子对象的宽度，然后将鼠标悬停在特定子对象上以覆盖较小的宽度

*{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
保证金：0；
填充：0；
}
.容器液体{
填充：0px；
溢出：隐藏；
}
h1{
字号：1rem；
/*仅演示*/
}
[class^=“p-section”]{
宽度：25%；
过渡：宽度。5s轻松；
浮动：左；
最小高度：100px；
边框：1px纯灰；
}
.portfolio.container流体：悬停[class^=“p-section”]{
宽度：8%；
}
.portfolio.container流体：悬停[class^=“p-section”]：悬停{
宽度：76%；
}

蒂图什
蒂图什
蒂图什
蒂图什

将鼠标悬停在父对象上时，可以应用更改所有子对象的宽度，然后将鼠标悬停在特定子对象上以覆盖较小的宽度

*{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
保证金：0；
填充：0；
}
.容器液体{
填充：0px；
溢出：隐藏；
}
h1{
字号：1rem；
/*仅演示*/
}
[class^=“p-section”]{
宽度：25%；
过渡：宽度。5s轻松；
浮动：左；
最小高度：100px；
边框：1px纯灰；
}
.portfolio.container流体：悬停[class^=“p-section”]{
宽度：8%；
}
.portfolio.container流体：悬停[class^=“p-section”]：悬停{
宽度：76%；
}

蒂图什
蒂图什
蒂图什
蒂图什

您可以在任务中使用jquery。您可以在任务中使用jquery。