CSS：last-of-typeと：beforeが動作しない

Question

:last-of-typeと:beforeを適用する際に問題があります。

私は、次のしている：

.stepwizard-row:before { 
    position: absolute; 
    top: 0px; 
    content: " "; 
    width: 1px; 
    height: 100%; 
    background-color: #97D3FD; 
} 
.stepwizard-row:before:last-of-type { 
    position: absolute; 
    top: 0px; 
    content: " "; 
} 

しかし、:before:last-of-typeはどんな効果を持っていないようです。

私は間違っていますか？あなたが間違った順序を持って

Answer 1

、それは次のようになります。

.stepwizard-row:last-of-type:before {} 

CSS3 Selectors - 7. Pseudo-elements

つだけ擬似要素はセレクタごとに表示されることがあり、そして存在する場合、それは後にを表示する必要がありますセレクタのサブジェクトを表す単純セレクタのシーケンス注：この仕様の将来のバージョンでは、セレクタごとに複数の擬似要素を使用できます。

あなたが.class:last-of-typeを使って、予期しない動作を得ることができところで、それ本当には、例えば、構成要素で動作するはずですが.parent > div:last-of-type。 :nth-last-of-type(1)と同じ

6.6.5.9. :last-of-type pseudo-class

。 :last-of-type疑似クラスは、その親要素の子のリスト内のその型の最後の兄弟である要素を表します。