Remove Start and End Line for Item List


#1

I have a list like this:

<ion-list *ngFor="let item of items">

			<accordion [list]="item"></accordion> 

			<div *ngIf="item.details.length > 0">
				
			    <ion-item *ngFor="let detail of item.details">
			      	<h2>{{ detail.title }}</h2>
			      	<p>{{ detail.amount | number:'.2-2' }}</p>
			    </ion-item>

			</div>

			<p text-center *ngIf="!item.details.length">No records to show</p>

	  	</ion-list>

How do I remove the line at the beginning and end of the list?

Apparently, this doesn’t work…

.md ion-list div > .item:last-child, 
.md ion-list div > .item-wrapper:last-child .item,
.wp ion-list div > .item:last-child, 
.wp ion-list div > .item-wrapper:last-child .item,
.ios ion-list div > .item:last-child, 
.ios ion-list div > .item-wrapper:last-child .item {
    border-top: none;
    border-bottom: none;
}

#2

try using the scss file in your pages folder and use scss nesting for better visibility.