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页面，可见，实现了将价格划掉的效果。

被横线划掉的Css是因为属性的不支持或者层次被覆盖
具体可能性有以下几种：
浏览器对样式有支持和不支持属性，被横线划掉的属于不支持属性
浏览器会自动调用跟指定元素有关的所有样式，被横线划掉的属于不次级元素样式，他的层次不如留下来的层次高。所以被划掉了。
浏览器对Css3属性有兼容性
-webkit-/-moz-/-o/....
一、oprea浏览器的Css3属性只支持 -o-为前缀的
二、-webkit- 是谷歌的浏览器支持属性
三、-moz-火狐的
四、-ms- IE的。

文章标签：

来自：[划掉: ]

本文链接：https://www.u1e.cn/baike/a/72161a66392c29c08a14170d [复制]