Таблица стилей не по Ионному Угловому проекту

Я строю страницу с использованием ионного и углового. Я включаю таблицу стилей вверху, как вы можете видеть, но когда страница загружается, стили полностью перепутаны, пока я не обновляю страницу. Я не уверен, что я делаю неправильно. Заранее спасибо.Таблица стилей не по Ионному Угловому проекту

<link rel="stylesheet" type="text/css" href="css/event-nba.css"> 

<div ng-repeat="events in eventsList" class="events-bg"> 
    <a> 
    <div class="event-box" ng-style="{'background-image':'url({{events.backgroundImage}})'}"> 

     <div class="nba-event-team"> 
     <span><img class="logos logo-margin" src="{{events.logo1}}"></span> 
     <span><img class="logos" src="{{events.logo2}}"></span> 
     </div> 
     <div class="nba-event-team"> 
     <span class="team">{{events.eventDate}}</span> 
     </div> 
     <div class="nba-event-team"> 
     <span class="team">{{events.eventLocation}}</span> 
     </div> 
     <div class="nba-event-team"> 
     <img class="network-logo" src="{{events.networkLogo}}"></img> 
     </div> 
     <div class="nba-event-team"> 
     <button class="button button-assertive bth-red"> 
      TICKETS 
     </button> 
     </div> 

    </div> 

    <div class="preview-box"> 
    <span class="preview-text">{{events.eventPreview}}</span> 
    </div> 

    <div class="gear-title-box"> 
    <span class="gear-title-text">PICK UP GEAR FOR THE GAME</span> 
    </div> 

<div class="row"> 
    <div class="col col-45 card card-margin home-product-border"> 
    <a href="#/tab/product-jacket"> 
     <div class="item item-body"> 
     <img class="full-image" src="img/nikesweatshirt200.png"> 
     <p class="shop-product-box-text-margin"> 
      Clothing 
     </p> 
     <h3 class="shop-product-box-text-margin">Nike Jacket <br>Elite Sports - Men's $79.99</h3> 
     </span> 
     <span><h3 class="shop-product-box-text-margin" style="color:red">Ships Free! 
     </h3></span> 
     </div> 
    </a> 
    </div> 

    <div class="col col-45 card card-margin home-product-border"> 
    <a href="#/tab/product"> 
     <div class="item item-body"> 
     <img class="full-image" src="img/kobe xi.jpeg"> 
     <p class="shop-product-box-text-margin"> 
      Shoes 
     </p> 
     <h3 class="shop-product-box-text-margin">Nike Kobe 11 <br>Elite Low - Men's $199.99</h3> 
     </span> 
     <span><h3 class="shop-product-box-text-margin" style="color:red">Ships Free! 
     </h3></span> 
     </div> 
    </a> 
    </div> 
</div> 
<div class="row"> 
    <div class="col col-45 card card-margin home-product-border"> 
    <a href="#/tab/product-uptime"> 
     <div class="item item-body"> 
     <img class="full-image" src="img/uptimebottle.png"> 
     <p class="shop-product-box-text-margin"> 
      Sport Supplements 
     </p> 
     <h3 class="shop-product-box-text-margin">UPTIME Energy <br>Original $4.39</h3> 
     </span> 
      <span><h3 class="shop-product-box-text-margin" style="color:red">Ships Free! 
      </h3></span> 
     </div> 
    </a> 
    </div> 

    <div class="col col-45 card card-margin home-product-border"> 
    <a href="#/tab/product-nba"> 
     <div class="item item-body"> 
     <img class="full-image" src="img/lavinjersey.jpeg"> 
     <p class="shop-product-box-text-margin"> 
      Clothing 
     </p> 
     <h3 class="shop-product-box-text-margin">Lavine Jersery <br>NBA Black - Men's $99.99</h3> 
     </span> 
      <span><h3 class="shop-product-box-text-margin" style="color:red">Ships Free! 
      </h3></span> 
     </div> 
    </a> 
    </div> 
</div> 

</a>

источник

2016-02-28 RossTheBoss

К сожалению, это не сработает. – RossTheBoss

показать index.html код – Akis

убедитесь, что ваш html действителен. Я вижу '' тег, обертывающий большую часть содержимого, и может даже не закрываться в правильном месте. Кроме того, он помещает '' внутри '', что недопустимо – charlietfl

Так что я нашел ответ. Эта таблица стилей использовала несколько имен классов с предыдущей страницы, и эта таблица стилей имела разные css для этих классов. Классы не сбрасывались до загрузки этой страницы, тем самым наследуя другие стили.

источник

2016-02-29 00:43:48 RossTheBoss

Таблица стилей не по Ионному Угловому проекту

ответ

Смежные вопросы