谷歌css樣式顯示感嘆號還被劃掉了是怎么回事

哪個頁面的？

成都創(chuàng)新互聯(lián)公司成立與2013年，是專業(yè)互聯(lián)網技術服務公司，擁有項目網站設計制作、網站設計網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元白城做網站,已為上家服務,為白城各地企業(yè)和個人服務,聯(lián)系電話:18980820575

一般被劃掉是代表有更優(yōu)先的CSS賦值了，

比如

*{ color:black }

div{ color:blue}

在DIV中的就是藍色，因為DIV的這個優(yōu)先級更高

style:"" id class

chrome 查看元素里被橫線劃掉的css是什么意思

chrome 查看元素里被橫線劃掉的css，是因為屬性的不支持或者層次被覆蓋，解決方法如下：

1、首先新建一個html文件，命名為test.html。

2、在test.html文件內，使用div標簽、span標簽創(chuàng)建商品價格的顯示。

3、在test.html文件內，使用style type="text/css"/style標簽來標識css代碼編寫區(qū)。

4、在css標簽內，創(chuàng)建div，span標簽的樣式設置。

5、在css標簽內，設置div的樣式，使用font-size設置字體大小為20px，line-height設置行高為50px。

6、在css標簽內，設置span的樣式，使用color設置文字顏色為紅色，text-decoration設置刪除線的效果。

7、在瀏覽器打開test.html頁面，可見，實現(xiàn)了將價格劃掉的效果。

在CSS+DIV中如何做到將價格劃掉的效果

1 用到的知識點是html中 tex-decoration 屬性；text-decoration的屬性包括 ：?{text-decoration:overline}

{text-decoration:line-through}

{text-decoration:underline}

{text-decoration:blink}

將價格劃掉的效果 ?用到的是line-through值。

2 下面是tex-decoration ?的使用案例，代碼可以直接復制到瀏覽器上面進行運行。

html

head

style type="text/css"

h2 {text-decoration: line-through}

/style

/head

body

h220元/h1

/body

/html

3 下面是案例在瀏覽器上運行的效果圖 ?：

css 樣式被劃了橫線，是為什么

在調試中發(fā)現(xiàn)css樣式被劃了橫線表示該css樣式被層疊不會被解釋執(zhí)行，相當于沒寫！

當同一個HTML元素被不止一個樣式定義時，一般而言，所有的樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中，其中數(shù)字 4 擁有最高的優(yōu)先權。

1.瀏覽器缺省設置

2.外部樣式表

3.內部樣式表（位于 head 標簽內部）

4.內聯(lián)樣式（在 HTML 元素內部）

因此，內聯(lián)樣式（在 HTML 元素內部）擁有最高的優(yōu)先權，這意味著它將優(yōu)先于以下的樣式聲明：head 標簽中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）。