イオンの開始と終了の境界イオンリストタグを削除する2

Question

開始と終了の境界線を削除したいだけです。私はこのプログラミング言語をとても新しくしています。私はリストを表示するために以下のコードを使用しています。

<ion-content> 
<ion-list class="item"> 
    <ion-item href="#"> 
    Hello! 
    </ion-item> 
    <ion-item href="#"> 
    Hello2 
    </ion-item> 

</ion-list> 
     </ion-content> 

下記のスクリーンショットで強調表示されている赤い円の境界線を削除する必要があります。実行する方法？

<ion-list no-lines>...</ion-list> 

が、それはあまりにもアイテムの行を削除します：

Answer 1

一つの方法は、このようなion-list要素で無行を追加しないことであろう。ですから、このスタイルルールを追加することができます底にのみ、その行を削除するために：

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

Answer 2

私のために働いたソリューションは、

.list-ios>.item-block:first-child { 
    border-top: none; 
} 
.list-ios>.item-block:last-child { 
    border-bottom: none; 
} 

たUPDATES あなたは、フルを取りたい場合はイオンアイテムのラインを削除するには、イオンリストエレメントにのno-linesアトリビュートを追加するだけです。

<ion-list no-lines> 
..... 
</ion-list>