CSS benutzerdefinierten Stil nicht Wirksam

Question

ich habe folgendes HTML

<label class="item formulario item-input item-floating-label" ng-class="{'has-error': registroForm.nombre.$invalid && registroForm.nombre.$dirty, 'valid-lr': registroForm.nombre.$valid && registroForm.nombre.$dirty}"> 
         <span class="input-label">Nombre</span> 
         <input type="text" placeholder="Nombre" name="nombre" ng-model="vm.nombre" 
           pattern="[A-Za-z'áéíóú ]+" 
           ng-minlength="2"         
           ng-maxlength="30" 
           required> 
        </label> 

ich den folgenden Stil festlegen müssen:

label.item.formulario { 
    border-style: none none solid none; 
    border-color: darkblue; 
} 

Aber die benutzerdefinierten Stil ist nicht Wirksam. Wenn ich meinen benutzerdefinierten Namen ".formulario" aus meinem CSS-Selektor und auch aus der Klassenliste in meinem HTML-Code lösche, funktioniert der Stil perfekt ABER ändert er das Ganze Label mit einer Elementklasse. Ich muss nur ein bestimmtes Label ändern, das ist der Grund, warum ich versuche, eine benutzerdefinierte Klasse zu erstellen.

Was ist los?

Vielen Dank für Ihre Hilfe!

Answer 1

Ich habe es getestet hier und der Stil tut wirksam: https://jsfiddle.net/8eo8crz1/

label.item.formulario { 
    border-style: none none solid none; 
    border-color: darkblue; 
} 

Wenn Sie einen einzigartigen benutzerdefinierten Stil für jedes Label haben wollen, müssen Sie eine ID verwenden, anstatt eine Klasse (oder zusätzlich zu den Klassen, die Sie verwenden).