如何简化CSS

#cont1:hover h3{color:#fff;}
#cont1:hover p{color:#fff;}
#cont1:hover i{color:#fff;}

#cont2:hover h3{color:#fff;}
#cont2:hover p{color:#fff;}
#cont2:hover i{color:#fff;}

#cont3:hover h3{color:#fff;}
#cont3:hover p{color:#fff;}
#cont3:hover i{color:#fff;}

:where(#cont1, #cont2, #cont3):hover :where(h3, p, i) {color:#fff;}

Css相关问答推荐

自定义kendo色彩 Select 器中的清晰按钮

无法瞄准元素

为什么我的容器的弹性包裹会导致我的自动填充网格添加额外的空轨道行？

使用 CSS 定位悬停/弹出 div - 字形浏览器网页

使用 Flex 容器，如何在右对齐所有 Flex 子项的同时赋予子图像完整宽度？

创建一个CSS动画的对角线线条.

图像占用尽可能多的空间但保持宽高比并包含在窗口高度中

使用 CSS 填充悬停过渡的闪烁文本问题

停止 div 推动另一个 div 做出react

如何将 Google 字体链接到我的 Nuxt 文件？

使用css水平+垂直翻转/镜像图像

如何在连字符 (-) 等特殊字符后分词

透明的空心或切出的圆圈

范围内的 CSS 未在组件中应用

Angular 动画的目的是什么？

CSS - 使 div 水平对齐

go 除文本输入的内阴影

如何应用 CSS 分页符来打印包含大量行的表格？

bootstrap 关闭响应菜单点击

如何水平对齐 span 或 div？