css划掉样式,css样式去掉下划线

谷歌css样式显示感叹号还被划掉了是怎么回事

哪个页面的？

一般被划掉是代表有更优先的CSS赋值了，

比如

*{ color:black }

div{ color:blue}

在DIV中的就是蓝色，因为DIV的这个优先级更高

style:"" id class

相关问答

Q1: chrome 查看元素里被横线划掉的css是什么意思

chrome 查看元素里被横线划掉的css，是因为属性的不支持或者层次被覆盖，解决方法如下：

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

2、在test.html文件内，使用div标签、span标签创建商品价格的显示。

3、在test.html文件内，使用style type="text/css"/style标签来标识css代码编写区。

4、在css标签内，创建div，span标签的样式设置。

5、在css标签内，设置div的样式，使用font-size设置字体大小为20px，line-height设置行高为50px。

6、在css标签内，设置span的样式，使用color设置文字颜色为红色，text-decoration设置删除线的效果。

7、在浏览器打开test.html页面，可见，实现了将价格划掉的效果。

Q2: 在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 下面是案例在浏览器上运行的效果图  ：

Q3: css 样式被划了横线，是为什么

在调试中发现css样式被划了横线表示该css样式被层叠不会被解释执行，相当于没写！

当同一个HTML元素被不止一个样式定义时，一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

1.浏览器缺省设置

2.外部样式表

3.内部样式表（位于 head 标签内部）

4.内联样式（在 HTML 元素内部）

因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：head 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。