建站
咨詢
售后
建站咨詢
新聞中心
css 怎么覆蓋框架樣式
自己寫(xiě)個(gè)class樣式覆蓋到框架的樣式位置就好了。
佛坪網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)于2013年開(kāi)始到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
1.自定義圖標(biāo)替換ionic圖標(biāo)樣式
ion-item class="item item-complex my-complex item-icon-left item-icon-right"
a class="item-content my-content" ng-click="goPage('archive', '個(gè)人信息')"
i class="icon datum-img"/i
span style="font-size: 90%;line-height:inherit"個(gè)人信息/span
i class="icon ion-ios-arrow-right msgText" style="font-size: 20px;"/i
/a
/ion-item1234567
.datum-img{/* 個(gè)人信息*/
background: url(../img/mine/datum.png) no-repeat center; width: 20px; height: 20px; margin-top: 3px; display: inline-block; background-size: 100%;}12345678
.my-complex .my-content{ padding: 10px 0px 10px 0px;}123
從代碼中可以看到，.datum-img是使用自定義圖標(biāo)，寬高大小需要明確指出。而下面 .my-complex .my-content的樣式內(nèi)容是覆蓋掉框架的.item-complex .item-content中padding的規(guī)格，而其他規(guī)格沒(méi)寫(xiě)則還是以框架原有的規(guī)格顯示。圖標(biāo)大小可以用font-size來(lái)調(diào)整。
總結(jié)：覆蓋樣式，1、先看下框架css的層次，2、依據(jù)框架層次自己寫(xiě)個(gè)不同名的class樣式，樣式內(nèi)含有你需要覆蓋的規(guī)格key要對(duì)，然后自己改想要的value。3、把自己寫(xiě)好的class樣式名寫(xiě)到你需要覆蓋的框架樣式后面就能實(shí)現(xiàn)覆蓋了。而且不會(huì)對(duì)原有的框架樣式發(fā)生改變。
CSS樣式被覆蓋
請(qǐng)按照下面標(biāo)準(zhǔn)執(zhí)行即可；
1.行內(nèi)樣式＞指定樣式＞通用class樣式通用未指定CLASS樣式
2.例子：
1）div style="..."aaaaaa/a這就是指定用style的行內(nèi)樣式；
2）div id="side" aaaaaa/div這就是指定id使用side樣式；
3）div class="ot"aaaaaa/div這就是指了通用的class為ot的樣式；
4）如bodytabletrth這些一開(kāi)始樣式文件就定義好全程的樣式，為通用為指定的樣式；
最高就是指行內(nèi)樣式，接著就是指定ID的，然后就是CLASS，最后就是未指定通用樣式；
css 如何覆蓋通配符的樣式
明確覆蓋規(guī)則。
首先需要明確的是，很多情況都會(huì)導(dǎo)致一個(gè)元素被運(yùn)用上多種樣式，樣式覆蓋的規(guī)則也需要根據(jù)不同的情況來(lái)定，由于繼承而發(fā)生樣式?jīng)_突時(shí)，最近祖先獲勝。
當(dāng)前文章：css覆蓋樣式,css 樣式覆蓋
網(wǎng)頁(yè)URL：http://fisionsoft.com.cn/article/dsceohe.html
