您的位置：首页 > Web前端 > CSS

对某个原有的css样式重写但不覆盖全部样式

2016-12-15 00:00 204 查看
摘要: ion-content原有样式总置顶，重写ion-content样式有iion-content的样式全部全部覆盖了

之前的html，会发现ion-slide总是在顶部

<game-detail-header game-detail-header="gameHeader"></game-detail-header>
<ion-content  scroll="false">
<ion-slides slider="slider" ion-slides-tabs slide-tabs-scrollable="true" >
<ion-slide-page ion-slide-tab-label="录像">
<ion-content>
<game-plat-item game-plat="video" ng-repeat="video in videos[1].data"></game-plat-item>
</ion-content>
</ion-slide-page>
<ion-slide-page ion-slide-tab-label="集锦">
<ion-content>
<game-plat-item game-plat="video" ng-repeat="video in videos[0].data"></game-plat-item>
</ion-content>
</ion-slide-page>
</ion-slides>
</ion-content>

css

game-detail-slide{
margin-top: 100px;
}

html

<game-detail-header game-detail-header="gameHeader"></game-detail-header>
<ion-content class="game-detail-slide" scroll="false">
<ion-slides slider="slider" ion-slides-tabs slide-tabs-scrollable="true" >
<ion-slide-page ion-slide-tab-label="录像">
<ion-content>
<game-plat-item game-plat="video" ng-repeat="video in videos[1].data"></game-plat-item>
</ion-content>
</ion-slide-page>
<ion-slide-page ion-slide-tab-label="集锦">
<ion-content>
<game-plat-item game-plat="video" ng-repeat="video in videos[0].data"></game-plat-item>
</ion-content>
</ion-slide-page>
</ion-slides>
</ion-content>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  ionic
相关文章推荐
新的分享
章节导航