改css不生效如何解決

這篇“改css不生效如何解決”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“改css不生效如何解決”文章吧。

改css不生效的解決辦法：1、清除瀏覽器緩存或者重啟瀏覽器；2、檢查屬性名和屬性值是否符合規(guī)范并修改；3、檢查是否關(guān)聯(lián)了樣式表，或者關(guān)聯(lián)的樣式位置，名字是否正確并修改；4、檢查選擇器是否正確并修改；5、查看css優(yōu)先級(jí)是否出現(xiàn)問(wèn)題并修改即可。

瀏覽器緩存問(wèn)題

• 如果你反復(fù)檢查認(rèn)為代碼沒(méi)有問(wèn)題，那么可能是瀏覽器緩存的問(wèn)題。在排查前先試一下清除瀏覽器緩存，重啟瀏覽器或者換個(gè)瀏覽器等手段，無(wú)效后再進(jìn)行進(jìn)一步排查。有可能自己什么都沒(méi)有做錯(cuò)，就是因?yàn)榫彺婊蛘邽g覽器的問(wèn)題導(dǎo)致，重置一下也許問(wèn)題就解決了。

• 瀏覽器的‘F12’元素審核，看看哪些樣式?jīng)]有應(yīng)用上。
  

細(xì)節(jié)問(wèn)題

• 寫錯(cuò)屬性名致使無(wú)法與html匹配，或?qū)傩灾挡环弦?guī)范；

• html標(biāo)簽沒(méi)寫完整，漏了“<”或者”>”等；

• ，；｛｝看看這些符號(hào)是不是不小心使用了中文或者全角符號(hào)；

• <span>設(shè)CSS樣式不起作用:例如：要定義span居中，必須先讓span成塊級(jí)元素顯示，也就是說(shuō)，要先定義span的display:block;屬性，然后再給span添加邊距屬性margin:0px auto;

• css樣式中間沒(méi)有加分號(hào)；
  為什么css樣式里有時(shí)候使用分號(hào)隔開有時(shí)候是用空格呢？
  對(duì)同一個(gè)屬性進(jìn)行設(shè)置時(shí)是用空格隔開，比如border:1px solid red; 對(duì)不同的屬性進(jìn)行設(shè)置時(shí)是用分號(hào)隔開，比如width:300px;height:300px;
  
  

樣式表關(guān)聯(lián)問(wèn)題

• 如果你的樣式完全不生效，首先確認(rèn)關(guān)聯(lián)了樣式表沒(méi)有，或者關(guān)聯(lián)的樣式位置、名字是否正確；
  <link rel="stylesheet" type="text/css" href="mycss.css"/>

• 看看自定義的CSS樣式引入標(biāo)簽是否放在bootstrap框架樣式引用之后，確保不會(huì)被在加載頁(yè)面時(shí)被框架的樣式覆蓋。

<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="mycss.css"/>

選擇器問(wèn)題

• 后代子代選擇等，涉及多個(gè)標(biāo)簽，類名、id等，子選擇器的順序、名字等寫錯(cuò)了，均可能導(dǎo)致出錯(cuò)；

• html里的標(biāo)簽忘記寫類名、id了，而選擇器用了這些漏寫的類名、id等，樣式自然不會(huì)生效。

• 后代選擇器忘了寫空格；

• 看看是不是有多余的空格比如： div.box{} 這類選擇器會(huì)不會(huì)寫成了 div .box{}；

編碼格式問(wèn)題

• 把CSS、HTML網(wǎng)頁(yè)文件都統(tǒng)一保存為UTF-8格式；即在頭標(biāo)簽中添加<meta charset="UTF-8">
  因?yàn)?一般網(wǎng)頁(yè)里采用UTF-8的編碼格式，而外部的CSS文件默認(rèn)的是ANSI的編碼格式，一般情況下是不會(huì)有問(wèn)題。然而當(dāng)CSS文件中包含中文注釋，就可能會(huì)出現(xiàn)問(wèn)題。

樣式層疊問(wèn)題

• 看看你的css優(yōu)先級(jí)是否出現(xiàn)問(wèn)題，優(yōu)先級(jí)高的會(huì)把低的覆蓋掉導(dǎo)致無(wú)法看到樣式；

• 本身設(shè)置了樣式，則從父級(jí)繼承來(lái)的樣式就不生效了；

• css樣式優(yōu)先級(jí)排序：!important > 行內(nèi)樣式>ID選擇器 > 類選擇器 > 標(biāo)簽 > 通配符 > 繼承 > 瀏覽器默認(rèn)屬性(同優(yōu)先級(jí)時(shí)，后面的層疊前面的樣式)；

排查順序：

以上就是關(guān)于“改css不生效如何解決”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。