CSS 多个 item hover 突出效果

<div class="container">
  <a href="#" class="item"></a>
  <a href="#" class="item"></a>
  <a href="#" class="item"></a>
  <a href="#" class="item"></a>
  <a href="#" class="item"></a>
</div>

状态定义：

background : #00c394 ; opacity : 1 ; box-shadow : 0px 1px 3px rgba ( 0 , 0 , 0 , 0.1 ) , 0px 1px 2px rgba ( 0 , 0 , 0 , 0.06 ) ; transform : scale ( 1.1 ) ; z-index : 1 ;

3. 当一个元素被 Hover 后，其他元素的状态，因为父级元素会跟随子元素被 Hover 后而失效，进而由子元素掌控样式。

.item {
  opacity: 0.5;
  background: #2888ff; // items default color
        您好～我是腾讯云+社区的运营，关注了您分享...rantrism
博主！ :?:  :?: ~来换个连接呀~！！
弹霄博...小谈谈
:razz: 博主换链吗？https://blog.txisfine.c...小谈谈
好像也没有，可能是因为刚毕业吧 :razz:MR WHY    
                    前端代理方案
                    翻新时间: 2023/09/07 11:23
                    翻新时间: 2023/08/28 16:17
                    NodeJs 内存占用过高排查记录
                    翻新时间: 2023/06/26 17:14
                    WordPress 评论头像优化
                    翻新时间: 2023/06/26 17:14
                    低成本软路由体验
                    翻新时间: 2023/06/26 17:14
        nodejs (10)nginx (5)docker (5)git (4)sphinx (4)mysql (4)shell (4)VueJs (4)wordpress (4)bash (3)Js (3)vsftpd (3)css (3)ubuntu (3)mac (3)chrome (3)性能优化 (2)ArrayBuffer (2)腾讯云 (2)ImageMagick (2)blob (2)性能 (2)es6 (2)crontab (2)拖拽 (2)vps (2)let's encrypt (2)ssh (2)php-fpm (2)seo (2)cloud studio (2)webpack (2)vue (2)shadowsocks (2)laravel (2)babel (2)位深 (1)vuepress (1)生命周期 (1)DOM (1)Buffer (1)Uint32Array (1)audio (1)ftp (1)steam (1)nvm (1)github page (1)采样率 (1)音频通道 (1)DataView (1)