カンマ区切りでメッセージを区切ります。

Question

以下のような角度確認メッセージがあります。 エラーメッセージをカンマで区切り、フルストップで一行にして表示したいと思います。

以下は試してみましたが、動作しません。エラーメッセージが1つしかない場合は、カンマが表示されます。 私はこれのための純粋なCSSのソリューションを期待していることに注意してください。

<div class="validation-error-message"> 
    <span ng-message="form.email.$error" role="alert"> 
     <span ng-message="email">Invalid email</span> 
    <span> 
    <span ng-message="form.password.$error" role="alert"> 
     <span ng-message="minlength">Password does not meet minlength</span> 
    <span> 
</div> 

私が試してみました何：

.validation-error-message { 
    span > span::after { 
     content: ', ' 
    } 

    span:last-child > span::after { 
     content: '.' 
    } 
} 

サンプル予想結果：
無効なメール。
パスワードがminlengthを満たしていません。
電子メールが無効です。パスワードが最小長を満たしていません。

Answer 1

あなたは他の方法を試すことができます

.validation-error-message >span 
{ 
    float:left; 
    clear:both; 
}