The label in one of my divs returns multiple different names, here is the HTML view:
<div class="customerDisplayFlex">
<div class="" *ngFor="let cust of customers">
<label class="dataLabel">
<input type="radio"
name="user-radio"
[value]="customer"
[ngModel]="currentCustomerContext"
(click)="onCustomerContextchange(customer)"
class="dataLabel__input" />
<span class="customer__label">{{customer.firstName | titleCase}} {{ customer.lastName | titleCase}}</span>
</label>
</div>
</div>
Here is the CSS for the view:
.dataLabel{
color: green;
border-right: 2px solid grey;
}
.dataLabel:last-child{
border-right: none;
}
I even attempted to use Sass:
.dataLabel{
color: green;
border-right: 2px solid grey;
&:last-child{
border-right: none;
}
}
For some reason, this setup is not working. Can someone please help me figure out what I am doing wrong? Thank you.