javascript - 如何在 ion-list、ion-item 中使用 CSS

Question

我正在开发一个应用程序，我正在从 JSON 获取数据并且它运​​行良好，但我的问题是我不知道如何使用指令使用 CSS 样式。下面我展示了代码。第二段代码是css起作用的代码。

<!-- With Json </!-->

<ion-list>  
    <ion-item>

       <a class="item item-avatar" ng-repeat="x in names|orderBy:'Name'"  href="#">
          <img ng-src="{{x.Image}}">
          <h2>{{x.Name}}</h2>
          <p>  {{x.Local}}</p>
        </a>

    </ion-item>
</ion-list> 


<!-- example static, without json, css works good  </!--> 
<div class="list" id="inicioPalestrantes" >
   <a class="item item-avatar" id="palestrantes" href="#">
     <img src="Fiona.jpg">
     <h2>Fiona Doohan</h2>
     <p> UDC, Dublin, Ireland </p>
   </a>
</div>

Answer 1

您 需要 id 选择器 # 最好为您的 CSS 规则使用 class 而不是 id。

.list .item {
  background-color: #F0F8FF;
  border-width: 1px;
  border-style: ridge;
  border-color: #C0C0C0;
}

.list {
  margin-top:0%;
}