css 怎麼覆蓋框架樣式

理解這標題就一句話：自己寫個class樣式覆蓋到框架的樣式位置就好了。
1.自定義圖標替換ionic圖標樣式

<ion-item class="item item-complex my-complex item-icon-left item-icon-right">
 <a class="item-content my-content" ng-click="goPage('archive', '個人信息')">
 <i class="icon datum-img"></i>
 <span style="font-size: 90%;line-height:inherit">個人信息</span>
 <i class="icon ion-ios-arrow-right msgText" style="font-size: 20px;"></i>
 </a>




 </ion-item>

.datum-img{/* 個人信息*/
 background: url(../img/mine/datum.png) no-repeat center;
 width: 20px;
 height: 20px;
 margin-top: 3px;
 display: inline-block;




 background-size: 100%;
}

.my-complex .my-content{
 padding: 10px 0px 10px 0px;
}

從代碼中可以看到，.datum-img是使用自定義圖標，寬高大小需要明確指出。而下面 .my-complex .my-content的樣式內容是覆蓋掉框架的.item-complex .item-content中padding的規格，而其他規格沒寫則還是以框架原有的規格顯示。圖標大小可以用font-size來調整。
總結：覆蓋樣式，1、先看下框架css的層次，2、依據框架層次自己寫個不同名的class樣式，樣式內含有你需要覆蓋的規格key要對，然後自己改想要的value。3、把自己寫好的class樣式名寫到你需要覆蓋的框架樣式後面就能實現覆蓋了。而且不會對原有的框架樣式發生改變。