要素+要素アクセス不可：before擬似

Question

DOM（隣人）と同じレベルの2つの要素がある状況があります。 DOMの前にある要素を表示すると、その下の要素が表示されます。また、私は要素Imの子にアクセスし、その:before疑似要素を表示したい。

SCSS

&__wrapper { 
     display: table; 
     table-layout: fixed; 

     &:hover { 

      + .filter-time__shortcuts { 
       opacity: 1; 
       visibility: visible; 
       pointer-events: auto; 
       transform: scale(1) translateY(0); 

       .filter-time__shortcuts-list { 
        transform: scale(0.5); 

        &:before { 
         display: block; 
        } 

       } 

      } 

     } 

すべてが:before擬似要素の表示を除いて動作します。何らかの理由でアクセスできませんが、.filter-time__shortcuts-listにアクセスできます。 :hoverを両方の要素の親に移動すると、どちらも子であり、+セレクタが必要なくなります。どうしたの？

コンパイルされたCSS

.filter-time__wrapper:hover + .filter-time__shortcuts .filter-time__shortcuts-list:before { 
     display: block; } 

編集：答えはCSSが本当に:before要素にアクセスしたことがあるhttps://codepen.io/riogrande/pen/vWExqN

Answer 1

[OK]をので。私がマウスでドロップダウンにアクセスしたかったのは、もはやトリガをもう浮かせていないということでした。私が親にホバーを置くと、トリガー（親全体）を常にホバリングしています。